/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot?uptjjp");
    src: url("fonts/icomoon.eot?uptjjp#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?uptjjp") format("truetype"), url("fonts/icomoon.woff?uptjjp") format("woff"), url("fonts/icomoon.svg?uptjjp#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-light-minus:before {
    content: "\e92d"
}

.icon-light-expand:before {
    content: "\e92e"
}

.icon-arrow-pointer-up:before {
    content: "\e901"
}

.icon-start:before {
    content: "\e902"
}

.icon-youtube:before {
    content: "\e903"
}

.icon-twitter:before {
    content: "\e904"
}

.icon-linkedin:before {
    content: "\e905"
}

.icon-instagram:before {
    content: "\e906"
}

.icon-flickr:before {
    content: "\e907"
}

.icon-facebook:before {
    content: "\e908"
}

.icon-arrow-dropdown:before {
    content: "\e909"
}

.icon-section-collapse:before {
    content: "\e90a"
}

.icon-section-expand:before {
    content: "\e90b"
}

.icon-search:before {
    content: "\e90c"
}

.icon-close-square:before {
    content: "\e90d"
}

.icon-quote-outline:before {
    content: "\e90e"
}

.icon-quote:before {
    content: "\e90f"
}

.icon-stem:before {
    content: "\e910"
}

.icon-lifescience:before {
    content: "\e911"
}

.icon-humanities:before {
    content: "\e912"
}

.icon-business:before {
    content: "\e913"
}

.icon-arts:before {
    content: "\e914"
}

.icon-play:before {
    content: "\e915"
}

.icon-phone:before {
    content: "\e916"
}

.icon-alert:before {
    content: "\e917"
}

.icon-menu:before {
    content: "\e918"
}

.icon-arrow-jump-to:before {
    content: "\e919"
}

.icon-expand:before {
    content: "\e91a"
}

.icon-collapse:before {
    content: "\e91b"
}

.icon-plus:before {
    content: "\e91c"
}

.icon-minus:before {
    content: "\e91d"
}

.icon-close:before,
#masthead .menu-buttons #search-control #toggle-search.toggled-on .icon-search:before,
.menu-active #masthead #main-menu-toggle.toggled-on .icon-menu:before {
    content: "\e91e"
}

.icon-email:before {
    content: "\e91f"
}

.icon-double-arrows:before {
    content: "\e920"
}

.icon-arrow-round-left:before {
    content: "\e921"
}

.icon-arrow-round-right:before {
    content: "\e922"
}

.icon-arrow-round-up:before,
section.welcome-to .grid .career-select button.toggle.toggled-on .icon-arrow-round-down:before {
    content: "\e923"
}

.icon-arrow-round-down:before {
    content: "\e924"
}

.icon-arrow-left:before {
    content: "\e925"
}

.icon-arrow-right:before {
    content: "\e926"
}

.icon-arrow-up:before,
footer#colophon .footer-columns .column.expanded button span:before {
    content: "\e927"
}

.icon-arrow-down:before {
    content: "\e928"
}

.icon-arrow-breadcrumb:before {
    content: "\e929"
}

.icon-arrow-light-left:before {
    content: "\e900"
}

.icon-arrow-light-right:before {
    content: "\e92a"
}

.icon-arrow-light-up:before {
    content: "\e92b"
}

.icon-arrow-light-down:before {
    content: "\e92c"
}

.icon-checkmark:before {
    content: "\e92f"
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

table.bt tr {
    display: table-row;
    padding-top: 12px;
    padding-bottom: 7px
}

@media screen and (min-width: 700px) {
    table.bt tr {
        padding-top: 13px;
        padding-bottom: 12px
    }
}

@media screen and (max-width: 827px) {
    table.bt tbody tr td:first-child {
        padding-top: 25px
    }
}

@media screen and (max-width: 827px) {
    table.bt tbody tr td:last-child {
        padding-bottom: 25px
    }
}

table.bt thead,
table.bt tbody th {
    display: none;
    min-width: inherit
}

table.bt thead tr,
table.bt thead tr th {
    display: none
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 6px;
    font-size: 14px;
    font-size: .875rem;
    float: left\9;
    width: 100%\9
}

@media screen and (min-width: 700px) {

    table.bt tfoot th,
    table.bt tfoot td,
    table.bt tbody td {
        padding-left: 18px;
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {

    table.bt tfoot th,
    table.bt tfoot td,
    table.bt tbody td {
        padding-left: 20px
    }
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
    content: attr(data-th) ": ";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: bold;
    color: #036;
    width: 50%;
    font-size: 16px;
    font-size: 1rem;
    padding-right: 10px
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
    display: none
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
    vertical-align: top;
    width: 50%;
    padding-left: 10px
}

.bt-wrapper.active {
    max-height: 310px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 250px
}

.selectboxit-container * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap
}

.selectboxit-container .selectboxit {
    width: 220px;
    max-width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    position: relative
}

.selectboxit-container span {
    height: 40px;
    line-height: 30px
}

.selectboxit-option-anchor {
    display: inline-block !important;
    line-height: 1.3
}

.selectboxit-container .selectboxit:focus {
    outline: 0
}

.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    padding-top: 5px;
    padding-right: 38px;
    padding-left: 10px;
    max-width: 100% !important;
    width: 100%
}

.selectboxit-container .selectboxit-options {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: content-box\9;
    box-sizing: content-box\9;
    min-width: 100%;
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.selectboxit-container .selectboxit-options li {
    padding-left: 0;
    list-style: none;
    padding-left: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0 !important
}

.selectboxit-container .selectboxit-options li:before {
    display: none
}

.selectboxit-container .selectboxit-options li[data-disabled="true"] {
    display: none
}

.selectboxit-container .selectboxit-options li a {
    font-weight: normal !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.selectboxit-container .selectboxit-options li a:hover {
    background-color: transparent
}

.selectboxit-container .selectboxit-options li a:before {
    display: none
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 0;
    text-indent: 0 !important
}

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none
}

.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    margin: 0;
    list-style-type: none
}

.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.selectboxit-optgroup-header+.selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px
}

.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.selectboxit-optgroup-header {
    font-weight: bold
}

.selectboxit-optgroup-header:hover {
    cursor: default
}

.selectboxit-arrow-container {
    width: 30px;
    position: absolute;
    right: 0
}

.selectboxit-arrow {
    font-size: 12px
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    left: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%
}

.selectboxit-option-icon-container {
    float: left;
    display: none !important
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.jqueryui .ui-icon {
    background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.selectboxit-btn {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    padding: 10px 14px 8px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: inherit;
    background-color: #fff
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: inherit;
    text-decoration: none;
    background-position: 0 -15px
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.selectboxit-list .selectboxit-option-anchor {
    color: #333333;
    white-space: pre-wrap
}

.selectboxit-list>.selectboxit-focus {
    background-color: #efefef
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
    color: #999999
}

.main-content .three-cards {
    color: #fff;
    margin-bottom: 67px
}

@media screen and (min-width: 700px) {
    .main-content .three-cards {
        margin-bottom: 46px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards {
        margin-bottom: 79px
    }
}

.main-content .three-cards .card {
    position: relative;
    display: block;
    padding: 1rem 1rem;
    background: #007EA8;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.85
}

@media screen and (min-width: 700px) {
    .main-content .three-cards .card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
        padding: 1.25rem 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards .card {
        padding: 2.5rem 2.5rem
    }
}

.main-content .three-cards .card:nth-child(even) {
    background: #036
}

@media screen and (max-width: 699px) {
    .main-content .three-cards .card:not(:last-of-type) {
        margin-bottom: 1.3125rem
    }
}

.main-content .three-cards .card:hover {
    opacity: 1
}

.main-content .three-cards .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.125rem;
    margin: 0 0 .75rem
}

@media screen and (min-width: 700px) {
    .main-content .three-cards .card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards .card__title {
        font-size: 1.375rem
    }
}

.main-content .three-cards .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .three-cards .card__title a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.main-content .three-cards .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .three-cards .card__desc {
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards .card__desc {
        font-size: 1rem
    }
}

.main-content .three-cards__top {
    margin-bottom: 1.4375rem
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__top {
        margin-bottom: 2rem
    }
}

.main-content .three-cards__inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .three-cards__header {
    color: #fff;
    text-align: center;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 700px) {
    .main-content .three-cards__header {
        margin: 0 0 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__header {
        font-size: 2.8125rem;
        margin: 0 0 2.25rem
    }
}

@media screen and (min-width: 700px) {
    .main-content .three-cards__intro {
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__intro {
        font-size: 1.375rem
    }
}

.main-content .three-cards__container {
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    background: #222
}

@media screen and (min-width: 700px) {
    .main-content .three-cards__container {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.main-content .three-cards__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.main-content .three-cards__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.main-content .three-cards__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .three-cards__content {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 700px) {
    .main-content .three-cards__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .9375rem;
        margin-bottom: 1.625rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__content {
        margin-bottom: 2.1875rem
    }
}

.main-content .three-cards__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-content .three-cards__bottom .button {
    min-width: 208px;
    padding: 7px 10px 7px
}

@media screen and (min-width: 700px) {
    .main-content .three-cards__bottom .button {
        min-width: 310px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards__bottom .button {
        min-width: 388px;
        padding: 12px 30px 12px;
        font-size: 1.13rem
    }
}

.main-content .three-cards .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .three-cards .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .three-cards .container {
    max-width: none
}

.main-content .offset-cards__header {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.056px;
    margin: 0 0 20px
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards__header {
        font-size: 32px;
        margin: 0 0 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards__header {
        font-size: 45px
    }
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards__intro {
        line-height: 1.4
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards__intro {
        font-size: 22px
    }
}

.main-content .offset-cards__inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .offset-cards .container {
    padding-top: 52px;
    padding-bottom: 52px
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .container {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.main-content .offset-cards .card {
    display: block;
    position: relative;
    padding: 18px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card {
        width: calc(50% - (15px * 0.5));
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card {
        padding: 30px
    }
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card:nth-child(even) {
        position: relative;
        top: 30px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card:nth-child(2) {
        margin-top: 75px
    }
}

.main-content .offset-cards .card:not(.card--teal):hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .offset-cards .card:not(.card--teal):hover .card__background:after {
    background: #036
}

.main-content .offset-cards .card.card--teal:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #036
}

.main-content .offset-cards .card--top {
    padding: 0
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card--top {
        padding: 0 0 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card--top {
        padding: 0 0 30px
    }
}

.main-content .offset-cards .card--bottom {
    padding: 0;
    text-align: center
}

@media screen and (max-width: 699px) {
    .main-content .offset-cards .card--bottom {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card--bottom {
        padding: 12px 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .main-content .offset-cards .card--bottom a {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card--bottom a {
        font-size: 20px;
        padding: 18px 50px
    }
}

.main-content .offset-cards .card--teal {
    background: #007EA8
}

.main-content .offset-cards .card__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.main-content .offset-cards .card__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 102, 0.85);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

.main-content .offset-cards .card__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .offset-cards .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.125rem;
    margin: 0 0 .75rem
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card__title {
        font-size: 1.75rem;
        margin: 0 0 .625rem
    }
}

.main-content .offset-cards .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .offset-cards .card__title a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .offset-cards .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .offset-cards .card__desc {
    font-size: .875rem;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .offset-cards .card__desc {
        font-size: 1rem;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .offset-cards .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .offset-cards .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .intro {
    margin-bottom: 54px
}

@media screen and (min-width: 700px) {
    .main-content .intro {
        margin-bottom: 28px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .intro__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .intro__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__header {
        font-size: 45px
    }
}

.main-content .intro__top {
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    .main-content .intro__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__top {
        margin-bottom: 26px
    }
}

@media screen and (min-width: 700px) {
    .main-content .intro__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px
    }
}

@media screen and (min-width: 700px) {
    .main-content .intro__intro {
        line-height: 1.53
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__intro {
        font-size: 22px;
        line-height: 1.46;
        letter-spacing: -0.55px
    }
}

.main-content .intro__container:not(:last-of-type) {
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    .main-content .intro__container--70 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 70%;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__container--70 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 75%;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }
}

@media screen and (max-width: 699px) {
    .main-content .intro__container--30 {
        text-align: center
    }
}

@media screen and (min-width: 700px) {
    .main-content .intro__container--30 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 32%;
        -ms-flex: 0 1 32%;
        flex: 0 1 32%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__container--30 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 21.4%;
        -ms-flex: 0 1 21.4%;
        flex: 0 1 21.4%
    }
}

.main-content .intro__container .button.apply {
    font-size: 16px;
    padding: 14px;
    min-width: auto;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    text-transform: none
}

@media screen and (min-width: 700px) {
    .main-content .intro__container .button.apply {
        font-size: 22px;
        padding: 33px 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .intro__container .button.apply {
        font-size: 28px
    }
}

.main-content .intro__container .button.apply .icon-arrow-right:before {
    font-size: 17px;
    margin-left: 7px
}

@media screen and (min-width: 700px) {
    .main-content .intro__container .button.apply .icon-arrow-right:before {
        font-size: 20px;
        margin-left: 10px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .explore-pathways__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .explore-pathways__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways__header {
        font-size: 45px
    }
}

.main-content .explore-pathways__top {
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways__top {
        margin-bottom: 26px
    }
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main-content .explore-pathways .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 27px 30px;
    margin-bottom: 20px;
    min-height: 104px;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .card {
        width: calc(50% - (15px * 0.5));
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .card {
        padding: 55px 49px
    }
}

.main-content .explore-pathways .card:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .explore-pathways .card:hover .card__background:after {
    background: #036
}

.main-content .explore-pathways .card--top {
    padding: 0
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .card--top {
        padding: 0 0 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .card--top {
        padding: 0 0 30px
    }
}

.main-content .explore-pathways .card--bottom {
    padding: 0;
    text-align: center
}

@media screen and (max-width: 699px) {
    .main-content .explore-pathways .card--bottom {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .card--bottom {
        padding: 12px 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .main-content .explore-pathways .card--bottom a {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .card--bottom a {
        font-size: 20px;
        padding: 18px 50px
    }
}

.main-content .explore-pathways .card__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.main-content .explore-pathways .card__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 102, 0.9);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

.main-content .explore-pathways .card__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .explore-pathways .card__title {
    color: #fff;
    line-height: 1.25;
    margin: 0;
    font-size: 1.25rem
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .card__title {
        font-size: 2.0625rem
    }
}

.main-content .explore-pathways .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .explore-pathways .card__title a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.main-content .explore-pathways .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .explore-pathways .card__desc {
    font-size: .875rem;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .card__desc {
        font-size: 1rem;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .explore-pathways .container {
    padding-top: 52px;
    padding-bottom: 59px
}

@media screen and (min-width: 700px) {
    .main-content .explore-pathways .container {
        padding-bottom: 31px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .container {
        padding-top: 78px;
        padding-bottom: 63px
    }
}

.main-content .explore-pathways .icon-arrow-right {
    font-size: 18px;
    margin-left: 3px
}

@media screen and (min-width: 1024px) {
    .main-content .explore-pathways .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .related-programs {
    padding-top: 53px;
    padding-bottom: 53px
}

@media screen and (min-width: 700px) {
    .main-content .related-programs {
        padding-top: 48px;
        padding-bottom: 53px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs {
        padding-top: 81px;
        padding-bottom: 81px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .related-programs__header {
    margin: 0 0 15px
}

@media screen and (max-width: 699px) {
    .main-content .related-programs__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs__header {
        font-size: 45px;
        margin: 0
    }
}

.main-content .related-programs__top {
    margin-bottom: 8px
}

@media screen and (min-width: 700px) {
    .main-content .related-programs__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 26px
    }
}

@media screen and (min-width: 700px) {
    .main-content .related-programs__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs__ctas {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px
    }
}

.main-content .related-programs .button {
    font-size: 12px;
    min-width: 206px;
    padding: 5px 10px;
    margin-bottom: 14px
}

@media screen and (min-width: 700px) {
    .main-content .related-programs .button {
        font-size: 14px;
        min-width: 222px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .button {
        font-size: 20px;
        min-width: 272px;
        padding: 12px 44px
    }
}

.main-content .related-programs .card {
    display: block;
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #007EA8;
    min-height: 183px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

@media screen and (min-width: 700px) {
    .main-content .related-programs .card {
        width: calc(33% - (15px * 0.5));
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .card {
        min-height: 223px;
        padding: 40px
    }
}

.main-content .related-programs .card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #036
}

.main-content .related-programs .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.375rem;
    margin: 0 0 .75rem
}

@media screen and (min-width: 700px) {
    .main-content .related-programs .card__title {
        font-size: 1.25rem;
        margin: 0 0 1.1875rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .card__title {
        font-size: 2.0625rem;
        margin: 0 0 1.1875rem
    }
}

.main-content .related-programs .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .related-programs .card__title a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.main-content .related-programs .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .related-programs .card__desc {
    font-size: .875rem;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .related-programs .card__desc {
        font-size: 1rem;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .related-programs .card__types .program-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .card__types .program-type {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.main-content .related-programs .icon-arrow-right {
    font-size: 19px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .related-programs .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .program-accordion {
    padding-top: 0;
    padding-bottom: 39px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion {
        padding-bottom: 48px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion {
        padding-top: 29px;
        padding-bottom: 81px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .program-accordion__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .program-accordion__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion__header {
        font-size: 45px
    }
}

.main-content .program-accordion__top {
    margin-bottom: 22px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 26px
    }
}

.main-content .program-accordion-block__intro {
    line-height: 1.5;
    margin-bottom: 21px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__intro {
        margin-bottom: 42px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__intro {
        font-size: 22px !important
    }
}

.main-content .program-accordion-block__cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__cols {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main-content .program-accordion-block__col:nth-child(1) {
    padding: 16px;
    background: #F4F4F4;
    margin-bottom: 20px
}

@media screen and (max-width: 699px) {
    .main-content .program-accordion-block__col:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(1) {
        padding: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 31.3%;
        -ms-flex: 0 0 31.3%;
        flex: 0 0 31.3%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(1) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24.3%;
        -ms-flex: 0 0 24.3%;
        flex: 0 0 24.3%
    }
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info:not(:last-of-type) {
    border-bottom: 2px solid #BEBBBB;
    padding-bottom: 18px;
    margin-bottom: 11px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info:not(:last-of-type) {
        padding-bottom: 26px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info:not(:last-of-type) {
        margin-bottom: 24px
    }
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__heading {
    color: #036;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 17px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__heading {
        font-size: 20px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__heading {
        font-size: 22px
    }
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__content {
    font-size: 16px;
    font-style: italic;
    font-weight: 400
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__content p {
    line-height: 0.75;
    margin-top: 0
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__content p:not(:last-of-type) {
    margin-bottom: 10px
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__content a {
    font-style: normal;
    color: #036;
    -webkit-box-shadow: inset 0 -2px 0 #036 !important;
    box-shadow: inset 0 -2px 0 #036 !important
}

.main-content .program-accordion-block__col:nth-child(1) .program-accordion-block-info__content a:hover {
    color: #007EA8;
    -webkit-box-shadow: inset 0 -2px 0 #007EA8 !important;
    box-shadow: inset 0 -2px 0 #007EA8 !important
}

@media screen and (max-width: 699px) {
    .main-content .program-accordion-block__col:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 64.6%;
        -ms-flex: 0 0 64.6%;
        flex: 0 0 64.6%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 73.6%;
        -ms-flex: 0 0 73.6%;
        flex: 0 0 73.6%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(2) p {
        font-size: 22px
    }
}

.main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info:not(:last-of-type) {
    border-bottom: 2px solid #BEBBBB;
    padding-bottom: 18px;
    margin-bottom: 20px
}

.main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info__heading {
    color: #036;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 11px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info__heading {
        font-size: 19px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info__heading {
        font-size: 21px
    }
}

.main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info__content {
    font-size: 16px;
    font-style: italic;
    font-weight: 400
}

.main-content .program-accordion-block__col:nth-child(2) .program-accordion-block-info__content p {
    line-height: 0.75;
    margin-top: 19px;
    margin-bottom: 14px
}

.main-content .program-accordion-block__col:nth-child(3) {
    margin-bottom: 20px;
    letter-spacing: -0.036rem
}

@media screen and (max-width: 699px) {
    .main-content .program-accordion-block__col:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion-block__col:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(3) {
        margin-top: 15px
    }
}

.main-content .program-accordion-block__col:nth-child(3) p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion-block__col:nth-child(3) p {
        font-size: 16px
    }
}

.main-content .program-accordion .accordion-wrapper {
    margin: 0
}

.main-content .program-accordion .accordion-wrapper .more-info {
    padding-left: 19px;
    padding-right: 19px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion .accordion-wrapper .more-info {
        padding-left: 27px;
        padding-right: 27px
    }
}

.main-content .program-accordion .accordion-wrapper>ul>li {
    border: 1px solid #BEBBBB
}

.main-content .program-accordion .accordion-wrapper>ul>li.expanded .toggle-accordion {
    color: #036
}

.main-content .program-accordion .accordion-block {
    padding: 0
}

.main-content .program-accordion .toggle-accordion {
    padding: 19px 45px 19px 19px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion .toggle-accordion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
        padding: 30px 70px 31px 27px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion .toggle-accordion {
        padding: 27px 70px 27px 27px
    }
}

.main-content .program-accordion .toggle-accordion h3 {
    font-size: 20px;
    letter-spacing: -0.03rem;
    margin: 0 0 13px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion .toggle-accordion h3 {
        margin: 0;
        font-size: 22px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .program-accordion .toggle-accordion h3 {
        font-size: 33px
    }
}

.main-content .program-accordion .toggle-accordion .icon-plus {
    right: 19px
}

@media screen and (min-width: 700px) {
    .main-content .program-accordion .toggle-accordion .icon-plus {
        right: 25px
    }
}

.main-content .program-accordion .toggle-accordion .program-type span {
    background: rgba(0, 126, 168, 0.35)
}

.main-content .path-prog-list {
    padding-top: 53px;
    padding-bottom: 39px
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list {
        padding-top: 48px;
        padding-bottom: 28px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list {
        padding-top: 0;
        padding-bottom: 81px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .path-prog-list__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .path-prog-list__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list__header {
        font-size: 45px;
        margin: 0
    }
}

.main-content .path-prog-list__top {
    margin-bottom: 21px
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list__top {
        margin-bottom: 32px
    }
}

.main-content .path-prog-list .filters {
    padding-bottom: 7px;
    margin-bottom: 22px;
    border-bottom: 1px solid #222
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        padding-bottom: 13px;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .filters {
        padding-bottom: 15px;
        margin-bottom: 30px
    }
}

.main-content .path-prog-list .filters>div {
    color: #036;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.041rem
}

@media screen and (max-width: 699px) {
    .main-content .path-prog-list .filters>div {
        margin-bottom: 12px
    }
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .filters>div {
        font-size: 20px;
        margin-top: 6px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .filters>div {
        font-size: 22px
    }
}

.main-content .path-prog-list .filters ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.main-content .path-prog-list .filters ul>li {
    padding: 0;
    margin-bottom: 13px
}

.main-content .path-prog-list .filters ul>li:not(:last-of-type) {
    margin-right: 13px
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .filters ul>li:not(:last-of-type) {
        margin-right: 14px
    }
}

.main-content .path-prog-list .filters ul>li:before {
    content: none
}

.main-content .path-prog-list .filters ul>li.js-active button {
    color: #036;
    background: #fc3;
    border: 1px solid #fc3
}

.main-content .path-prog-list .filters button {
    display: inline-block;
    line-height: 1;
    padding: 9px;
    border-radius: 36px;
    color: #036;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 1px solid #036;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .filters button {
        font-size: 18px;
        padding: 11px
    }
}

.main-content .path-prog-list .filters button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: #036
}

.main-content .path-prog-list .programs ul {
    margin: 0;
    padding: 0
}

.main-content .path-prog-list .programs ul li:before {
    content: none
}

.main-content .path-prog-list .programs-item {
    padding: 0
}

.main-content .path-prog-list .programs__header {
    margin: 0 0 19px;
    font-size: 20px;
    color: #036;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.031rem
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs__header {
        font-size: 22px;
        margin: 0 0 12px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs__header {
        font-size: 33px;
        margin: 0 0 26px
    }
}

.main-content .path-prog-list .programs__intro {
    margin: 0
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs__intro {
        font-size: 22px;
        letter-spacing: -0.0325rem
    }
}

.main-content .path-prog-list .programs__top {
    margin-bottom: 18px
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs__top {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.main-content .path-prog-list .programs .card {
    display: block;
    position: relative;
    padding: 20px;
    margin-bottom: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #007EA8;
    min-height: 183px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs .card {
        width: calc(33% - (15px * 0.5));
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs .card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 223px;
        padding: 40px
    }
}

.main-content .path-prog-list .programs .card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #036
}

.main-content .path-prog-list .programs .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.25rem;
    margin: 0 0 1.25rem;
    letter-spacing: -0.4px
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs .card__title {
        font-size: 1.375rem;
        margin: 0 0 1.1875rem;
        line-height: 1.15
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs .card__title {
        font-size: 2.0625rem;
        margin: 0 0 1.1875rem
    }
}

.main-content .path-prog-list .programs .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .path-prog-list .programs .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .path-prog-list .programs .card__desc {
    font-size: .875rem;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .path-prog-list .programs .card__desc {
        font-size: 1rem;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .path-prog-list .programs .card__types .program-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs .card__types .program-type {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.main-content .path-prog-list .programs .icon-arrow-right {
    font-size: 19px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .path-prog-list .programs .icon-arrow-right {
        font-size: 20px
    }
}

.program-type {
    display: block;
    color: var(--Black, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.056rem
}

.program-type .program-type-item {
    display: inline-block
}

.program-type .program-type-item>span {
    display: none;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding: 6px 13px;
    border-radius: 36rem;
    background: rgba(255, 255, 255, 0.6)
}

@media screen and (min-width: 1024px) {
    .program-type .program-type-item>span {
        padding: 7px 18px
    }
}

@media screen and (max-width: 699px) {
    .program-type .program-type-item .sm {
        display: inline-block
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .program-type .program-type-item .md {
        display: inline-block
    }
}

@media screen and (min-width: 1024px) {
    .program-type .program-type-item .lg {
        display: inline-block
    }
}

.program-type:not(:last-of-type) {
    margin: 0 0 8px
}

@media screen and (min-width: 1024px) {
    .program-type:not(:last-of-type) {
        margin: 0 8px 9px 0
    }
}

.main-content .career-details {
    margin-bottom: 55px
}

@media screen and (min-width: 700px) {
    .main-content .career-details {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details {
        margin-bottom: 80px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .career-details__top {
    margin-bottom: 1.4375rem
}

@media screen and (min-width: 700px) {
    .main-content .career-details__top {
        margin-bottom: 1.4375rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__top {
        margin-bottom: 2.25rem
    }
}

.main-content .career-details__intro {
    margin-bottom: 1.4375rem
}

@media screen and (min-width: 700px) {
    .main-content .career-details__intro {
        margin-bottom: 1.5625rem;
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__intro {
        font-size: 22px;
        margin-bottom: 33px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {

    .main-content .career-details__left,
    .main-content .career-details__right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - (28px / 2));
        -ms-flex: 0 0 calc(50% - (28px / 2));
        flex: 0 0 calc(50% - (28px / 2));
        width: calc(50% - (28px / 2))
    }
}

@media screen and (max-width: 1023px) {
    .main-content .career-details__left {
        margin-bottom: 20px
    }
}

.main-content .career-details__right img {
    width: 100%
}

.main-content .career-details__header {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .career-details__header {
        letter-spacing: 0
    }
}

@media screen and (min-width: 700px) {
    .main-content .career-details__header {
        font-size: 32px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__header {
        font-size: 45px
    }
}

.main-content .career-details__subheader {
    font-size: 20px;
    color: #036;
    margin: 0 0 15px;
    letter-spacing: -0.026rem
}

@media screen and (min-width: 700px) {
    .main-content .career-details__subheader {
        font-size: 22px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__subheader {
        font-size: 33px
    }
}

.main-content .career-details__section {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 700px) {
    .main-content .career-details__section {
        margin-bottom: 1.0625rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__section {
        margin-bottom: 1.3125rem
    }
}

.main-content .career-details__callout {
    text-align: center
}

@media screen and (min-width: 700px) {
    .main-content .career-details__callout a {
        font-size: 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details__callout a {
        font-size: 20px;
        padding: 20px
    }
}

.main-content .career-details .industries__body,
.main-content .career-details .industries__body li {
    font-size: 14px
}

@media screen and (min-width: 1024px) {

    .main-content .career-details .industries__body,
    .main-content .career-details .industries__body li {
        font-size: 16px
    }
}

@media screen and (min-width: 700px) {
    .main-content .career-details .industries__body ul {
        -webkit-column-count: 2;
        column-count: 2;
        padding: 4px 0;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .industries__body ul {
        padding: 9px 0
    }
}

.main-content .career-details .industries__body li {
    padding-left: 22px;
    margin-bottom: 0
}

@media screen and (min-width: 700px) {
    .main-content .career-details .industries__body li {
        line-height: 1;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .industries__body li {
        margin-bottom: 8px
    }
}

.main-content .career-details .industries__body li:before {
    left: 10px;
    top: 9px
}

@media screen and (min-width: 700px) {
    .main-content .career-details .industries__body li:before {
        left: 10px;
        top: 5px
    }
}

.main-content .career-details .companies__logos ul {
    padding: 0
}

@media screen and (min-width: 700px) {
    .main-content .career-details .companies__logos ul {
        -webkit-column-count: 2;
        column-count: 2
    }
}

.main-content .career-details .companies__logo {
    padding: 0;
    margin-bottom: 16px
}

.main-content .career-details .companies__logo:before {
    content: none
}

.main-content .career-details .companies__logo a img {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.main-content .career-details .companies__logo a:hover img {
    opacity: 0.7
}

.main-content .career-details .companies__logo img {
    margin: 0 auto
}

.main-content .career-details .careers__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers__top {
        margin-bottom: 19px
    }
}

.main-content .career-details .careers__heading {
    margin: 0
}

.main-content .career-details .careers-slider {
    width: 100%
}

.main-content .career-details .careers-slider-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.main-content .career-details .careers .slick-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 3px solid #222;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    color: #222;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .slick-arrow {
        width: 40px;
        height: 40px;
        font-size: 17px;
        line-height: 40px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers .slick-arrow {
        width: 50px;
        height: 50px;
        font-size: 19px;
        line-height: 50px
    }
}

.main-content .career-details .careers .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none
}

.main-content .career-details .careers .slick-arrow:not(.slick-disabled):hover {
    color: #007EA8;
    border-color: #007EA8
}

.main-content .career-details .careers .slick-prev>span {
    position: relative;
    left: -2px;
    top: 2px
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .slick-prev>span {
        top: -2px
    }
}

.main-content .career-details .careers .slick-next>span {
    position: relative;
    right: -2px;
    top: 2px
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .slick-next>span {
        top: -2px
    }
}

.main-content .career-details .careers .card {
    display: block;
    position: relative;
    padding: 18px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #007EA8;
    width: calc((100svw - 30px) * 0.82);
    margin-right: 12px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .card {
        width: calc((100svw - 30px)* 0.354)
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers .card {
        width: 237px;
        padding: 20px
    }
}

.main-content .career-details .careers .card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #036
}

.main-content .career-details .careers .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.125rem;
    margin: 0 0 .75rem
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers .card__title {
        font-size: 1.75rem;
        margin: 0 0 .625rem
    }
}

.main-content .career-details .careers .card__title .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers .card__title .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .career-details .careers .card__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .career-details .careers .card__title a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .career-details .careers .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .career-details .careers .card__desc {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .career-details .careers .card__desc {
        font-size: 1rem;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    .main-content .career-details .careers .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .career-details .container {
    padding-top: 52px
}

.main-content .tab-cards {
    color: #fff
}

.main-content .tab-cards .card {
    position: relative;
    display: block;
    padding: 1.6875rem 1.25rem;
    background: #036;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.90
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards .card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - .9375rem * 0.5);
        -ms-flex: 0 0 calc(50% - .9375rem * 0.5);
        flex: 0 0 calc(50% - .9375rem * 0.5);
        padding: 1.5rem 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        padding: 1.5625rem 1.875rem
    }
}

@media screen and (max-width: 699px) {
    .main-content .tab-cards .card:not(:last-of-type) {
        margin-bottom: 1.3125rem
    }
}

.main-content .tab-cards .card:hover {
    opacity: 0.85
}

.main-content .tab-cards .card__title {
    color: #fff;
    line-height: 1.25;
    font-size: 1.125rem;
    margin: 0 0 .75rem
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards .card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards .card__title {
        font-size: 1.375rem;
        margin: 0 0 .625rem
    }
}

.main-content .tab-cards .card__title>span {
    position: relative
}

.main-content .tab-cards .card__title a {
    position: static;
    color: inherit;
    font-weight: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .tab-cards .card__title a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .tab-cards .card__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .tab-cards .card__desc {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards .card__desc {
        line-height: 1.7
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards .card__desc {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -0.036rem
    }
}

.main-content .tab-cards__top {
    margin-bottom: 1.0625rem
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__top {
        margin-bottom: 2rem
    }
}

.main-content .tab-cards__inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .tab-cards__tabs {
    margin-bottom: 9px
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__tabs {
        padding: 0 30px;
        margin-bottom: 17px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__tabs {
        padding: 0;
        margin-bottom: 29px
    }
}

.main-content .tab-cards__tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__tabs ul {
        padding: 0
    }
}

.main-content .tab-cards__tabs ul>li {
    padding: 0
}

.main-content .tab-cards__tabs ul>li:not(:last-of-type) {
    margin-right: 26px
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__tabs ul>li:not(:last-of-type) {
        margin-right: 32px
    }
}

.main-content .tab-cards__tabs ul>li.js-active button {
    -webkit-box-shadow: inset 0 -3px 0 #fc3;
    box-shadow: inset 0 -3px 0 #fc3
}

.main-content .tab-cards__tabs ul>li:not(.js-active) button {
    font-weight: 500
}

.main-content .tab-cards__tabs ul>li:before {
    content: none
}

.main-content .tab-cards__tabs ul button {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__tabs ul button {
        font-size: 18px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__tabs ul button {
        font-size: 26px
    }
}

.main-content .tab-cards__tabs ul button:hover {
    -webkit-box-shadow: inset 0 -3px 0 #fc3;
    box-shadow: inset 0 -3px 0 #fc3
}

.main-content .tab-cards__header {
    color: #fff;
    margin: 0;
    letter-spacing: -0.056px
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__header {
        text-align: center;
        margin: 0 0 1.125rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__header {
        font-size: 2.8125rem;
        margin: 0 0 2.25rem
    }
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__intro {
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__intro {
        font-size: 1.375rem
    }
}

.main-content .tab-cards__container {
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    background: #222;
    max-width: none
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__container {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.main-content .tab-cards__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.main-content .tab-cards__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1)
}

.main-content .tab-cards__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .tab-cards__tabs-wrapper {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__tabs-wrapper {
        margin-bottom: 1.625rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__tabs-wrapper {
        margin-bottom: 2.1875rem
    }
}

.main-content .tab-cards__content {
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .9375rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__content {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.main-content .tab-cards__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-content .tab-cards__bottom .button {
    min-width: 262px;
    padding: 7px 10px 7px
}

@media screen and (min-width: 700px) {
    .main-content .tab-cards__bottom .button {
        min-width: 286px;
        font-size: 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards__bottom .button {
        min-width: 352px;
        padding: 12px 30px 12px;
        font-size: 1.13rem
    }
}

.main-content .tab-cards .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .main-content .tab-cards .icon-arrow-right {
        font-size: 20px
    }
}

.main-content .story-gallery {
    margin-bottom: 52px
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery {
        margin-bottom: 79px
    }
}

.main-content .story-gallery__top {
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery__top {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery__top {
        margin-bottom: 34px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .story-gallery__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .story-gallery__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery__header {
        font-size: 45px
    }
}

.main-content .story-gallery__content__top {
    margin-bottom: 14px
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery__content__top {
        margin-bottom: 34px
    }
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery__content__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 32%;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 32.3%;
        -ms-flex: 0 0 32.3%;
        flex: 0 0 32.3%
    }
}

.main-content .story-gallery .col--video {
    height: calc((100svw - 30px)* 0.67)
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .col--video {
        height: calc((100svw - 60px)* 0.215)
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .col--video {
        height: calc((100svw - 60px)* 0.198);
        max-height: 224px
    }
}

.main-content .story-gallery .col--video iframe {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 699px) {
    .main-content .story-gallery .col:not(:last-of-type) {
        margin-bottom: 14px
    }
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main-content .story-gallery .feat-story__img {
    height: calc((100svw - 30px)* 0.787);
    margin-bottom: 13px
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 0;
        height: auto
    }
}

.main-content .story-gallery .feat-story__img picture,
.main-content .story-gallery .feat-story__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .story-gallery .feat-story__vid {
    height: calc((100svw - 30px)* 0.787);
    margin-bottom: 13px
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__vid {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 0;
        height: auto
    }
}

.main-content .story-gallery .feat-story__vid iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content .story-gallery .feat-story__quote {
    margin: 0 0 20px -15px
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote {
        margin: 0
    }
}

.main-content .story-gallery .feat-story__quote .icon-quote {
    left: 18px;
    top: 21px;
    font-size: 12px
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote .icon-quote {
        left: 18px;
        top: 19px;
        font-size: 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote .icon-quote {
        left: 50px;
        top: 9px;
        font-size: 20px
    }
}

.main-content .story-gallery .feat-story__quote .container {
    padding: 21px 43px 21px 43px;
    height: 100%
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote .container {
        padding: 18px 39px 12px 46px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote .container {
        padding: 12px 65px 9px 88px
    }
}

.main-content .story-gallery .feat-story__quote .container:before {
    width: 380px;
    -webkit-transform: skewX(-8.4deg);
    transform: skewX(-8.4deg);
    background-color: #007EA8
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote .container:before {
        width: 371px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote .container:before {
        width: 389px
    }
}

.main-content .story-gallery .feat-story__quote footer {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote footer {
        margin-top: 17px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote footer {
        font-size: 16px;
        margin-top: 23px
    }
}

.main-content .story-gallery .feat-story__quote footer a {
    font-weight: 700;
    text-transform: none;
    font-size: 16px;
    display: block;
    margin: 0
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .feat-story__quote footer a {
        line-height: 1
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote footer a {
        line-height: 1.3
    }
}

.main-content .story-gallery .feat-story__quote p {
    font-size: 20px;
    line-height: 1.145;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .feat-story__quote p {
        font-size: 25px;
        line-height: 1.265
    }
}

.main-content .story-gallery .story__img {
    margin-bottom: 11px;
    height: calc((100svw - 30px)* 0.578)
}

@media screen and (min-width: 700px) {
    .main-content .story-gallery .story__img {
        height: calc((100svw - 60px)* 0.165)
    }
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .story__img {
        height: calc((100svw - 60px)* 0.134);
        max-height: 152px;
        margin-bottom: 0
    }
}

.main-content .story-gallery .story__img picture,
.main-content .story-gallery .story__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .story__bottom {
        background: #f4f4f4;
        padding: 11px 21px
    }
}

.main-content .story-gallery .story__name {
    margin: 0 0 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.main-content .story-gallery .story__name a {
    color: #005e7e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .story-gallery .story__name a:hover {
    color: #036;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .story-gallery .story__subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.03rem
}

@media screen and (min-width: 1024px) {
    .main-content .story-gallery .story__subtitle {
        font-size: 16px
    }
}

.main-content .support-intro {
    margin-bottom: 52px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro {
        margin-bottom: 43px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro {
        margin-bottom: 79px
    }
}

.main-content .support-intro__top {
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__top {
        margin-bottom: 25px
    }
}

.main-content .support-intro__header {
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .support-intro__header {
        letter-spacing: normal
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__header {
        font-size: 45px
    }
}

.main-content .support-intro__content__top {
    margin-bottom: 14px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__content__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__content__top {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 700px) {
    .main-content .support-intro .col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 32%;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro .col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 32.3%;
        -ms-flex: 0 0 32.3%;
        flex: 0 0 32.3%
    }
}

@media screen and (max-width: 699px) {
    .main-content .support-intro .col:not(:last-of-type) {
        margin-bottom: 14px
    }
}

.main-content .support-intro__text {
    margin-bottom: 19px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__text {
        line-height: 1.5;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 0;
        height: auto
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__text {
        font-size: 22px;
        line-height: 1.44
    }
}

.main-content .support-intro__quote {
    margin: 0 0 20px -15px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__quote {
        margin: 0
    }
}

.main-content .support-intro__quote .container {
    padding: 21px 43px 21px 43px;
    height: 100%
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__quote .container {
        padding: 18px 39px 12px 46px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__quote .container {
        padding: 21px 65px 21px 79px
    }
}

.main-content .support-intro__quote .container:before {
    width: 380px;
    -webkit-transform: skewX(-8.4deg);
    transform: skewX(-8.4deg);
    background-color: #007EA8
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__quote .container:before {
        width: 371px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__quote .container:before {
        width: 389px
    }
}

.main-content .support-intro__quote footer {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__quote footer {
        margin-top: 17px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__quote footer {
        font-size: 16px;
        margin-top: 34px;
        padding: 0 12px;
        line-height: 1.66
    }
}

.main-content .support-intro__quote footer a {
    font-weight: 700;
    text-transform: none;
    font-size: 16px;
    display: block;
    margin: 0 !important
}

@media screen and (min-width: 700px) {
    .main-content .support-intro__quote footer a {
        line-height: 1
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__quote footer a {
        line-height: 1.3
    }
}

.main-content .support-intro__quote p {
    font-size: 20px;
    line-height: 1.145;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro__quote p {
        font-size: 25px;
        line-height: 1.265
    }
}

.main-content .support-intro blockquote .container span.icon-quote {
    left: 18px;
    top: 21px;
    font-size: 12px
}

@media screen and (min-width: 700px) {
    .main-content .support-intro blockquote .container span.icon-quote {
        left: 18px;
        top: 19px;
        font-size: 14px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .support-intro blockquote .container span.icon-quote {
        left: 50px;
        top: 20px;
        font-size: 14px
    }
}

.contact-link {
    padding-bottom: 52px;
    max-width: 1280px;
    margin: 0 auto
}

@media screen and (min-width: 700px) {
    .contact-link {
        padding-bottom: 77px
    }
}

.contact-link__header {
    font-size: 1.5rem;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 700px) {
    .contact-link__header {
        font-size: 2rem;
        margin: 0 0 1.625rem
    }
}

@media screen and (min-width: 1024px) {
    .contact-link__header {
        font-size: 2.8125rem
    }
}

@media screen and (min-width: 700px) {
    .contact-link__intro {
        line-height: 1.4
    }
}

@media screen and (min-width: 1024px) {
    .contact-link__intro {
        font-size: 1.375rem
    }
}

.contact-link__top {
    margin: 0 0 1.375rem
}

@media screen and (min-width: 700px) {
    .contact-link__top {
        margin: 0 0 1.6875rem
    }
}

@media screen and (min-width: 1024px) {
    .contact-link__top {
        margin: 0 0 2.5625rem
    }
}

@media screen and (min-width: 700px) {
    .contact-link__cols {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 14px
    }
}

.contact-link-stat {
    position: relative;
    padding: 25px 48px 25px 15px;
    margin: 0 -15px 23px;
    overflow: hidden;
    background-color: #f4f4f4
}

@media screen and (min-width: 700px) {
    .contact-link-stat {
        margin: 0 -30px 25px;
        padding: 34px 78px 34px 30px
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-stat {
        padding: 56px 0;
        margin: 0 auto 39px;
        width: 100svw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        max-width: 1900px
    }
}

.contact-link-stat:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: calc(-1 * (50px * 0.3));
    width: 50px;
    height: calc(100% + 20px);
    opacity: 1;
    background: #007EA8;
    -webkit-transform: translateY(-50%) skewX(-12.8deg);
    transform: translateY(-50%) skewX(-12.8deg);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (min-width: 700px) {
    .contact-link-stat:before {
        width: 66px
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-stat:before {
        right: -301px;
        width: 38%
    }
}

@media screen and (min-width: 1600px) {
    .contact-link-stat:before {
        right: calc(-75px + ((100svw - 1600px) / 2));
        width: 400px
    }
}

@media screen and (min-width: 1900px) {
    .contact-link-stat:before {
        right: 75px
    }
}

.contact-link-stat__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1024px) {
    .contact-link-stat__inner {
        gap: 29px;
        max-width: 1280px;
        padding: 0 46px;
        margin: 0 auto
    }
}

.contact-link-stat__stat {
    font-family: 'Roboto Condensed', sans-serif;
    color: #e1002a;
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: -0.1rem
}

@media screen and (min-width: 700px) {
    .contact-link-stat__stat {
        font-size: 3.375rem;
        letter-spacing: -0.28rem
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-stat__stat {
        font-size: 4.5rem
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-stat__text {
        font-size: 1.375rem
    }
}

.contact-link-info {
    padding: 16px;
    background: #036;
    color: #fff
}

@media screen and (min-width: 700px) {
    .contact-link-info {
        padding: 25px
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-info {
        min-width: 283px
    }
}

.contact-link-info__title {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 14px
}

@media screen and (min-width: 700px) {
    .contact-link-info__title {
        font-size: 22px
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-info__title {
        font-size: 33px
    }
}

.contact-link-info__link {
    line-height: 1.15;
    display: block;
    color: #fff !important;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.contact-link-info__link:hover {
    opacity: 0.5
}

@media screen and (min-width: 1024px) {
    .contact-link-info__link {
        font-size: 22px
    }
}

.contact-link-info__address {
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .contact-link-info__address {
        font-size: 18px;
        margin-top: 13px;
        line-height: 1.2
    }
}

@media screen and (min-width: 700px) {
    .contact-link-links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.contact-link-links ul {
    margin-bottom: 23px
}

@media screen and (min-width: 700px) {
    .contact-link-links ul {
        padding-left: 16px !important;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-links ul {
        padding-left: 40px !important
    }
}

.contact-link-links li {
    padding: 0 !important;
    margin-bottom: 5px !important
}

.contact-link-links li:before {
    content: none !important
}

@media screen and (min-width: 1024px) {
    .contact-link-links li:first-of-type a {
        padding-top: 0
    }
}

.contact-link-links li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3)
}

.contact-link-links li a {
    display: block;
    padding: 17px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.056rem;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media screen and (min-width: 700px) {
    .contact-link-links li a {
        font-size: 22px;
        padding: 21px 0
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-links li a {
        font-size: 33px
    }
}

.contact-link-links__cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.contact-link-links__cta .button {
    min-width: 212px;
    padding: 7px 12px 7px
}

@media screen and (min-width: 700px) {
    .contact-link-links__cta .button {
        min-width: 308px
    }
}

@media screen and (min-width: 1024px) {
    .contact-link-links__cta .button {
        font-size: 20px;
        min-width: 394px;
        padding: 18px 12px 18px
    }
}

.contact-link .container {
    max-width: none
}

.contact-link .icon-arrow-right:before {
    font-size: 17px;
    margin-left: 7px
}

@media screen and (min-width: 700px) {
    .contact-link .icon-arrow-right:before {
        font-size: 20px;
        margin-left: 10px
    }
}

.contact-banner {
    background-color: #f4f4f4
}

@media screen and (min-width: 1024px) {
    .contact-banner {
        margin-bottom: 30px
    }
}

.contact-banner__header {
    font-size: 24px;
    margin: 0 0 20px
}

@media screen and (min-width: 700px) {
    .contact-banner__header {
        font-size: 32px;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__header {
        font-size: 45px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 700px) {
    .contact-banner__cols {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__cols {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 4.7%
    }
}

@media screen and (max-width: 699px) {
    .contact-banner__col:not(:last-of-type) {
        margin-bottom: 21px
    }
}

@media screen and (min-width: 700px) {
    .contact-banner__col--heading {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        gap: 20px;
        margin: 0 0 30px
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .contact-banner__col--heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__col--heading {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 31.8%;
        -ms-flex: 0 0 31.8%;
        flex: 0 0 31.8%;
        margin: 0
    }
}

.contact-banner__col--heading .button.outline {
    font-size: 12px;
    padding: 6px 23px;
    letter-spacing: -0.5px;
    min-width: 205px
}

@media screen and (min-width: 700px) {
    .contact-banner__col--heading .button.outline {
        font-size: 14px;
        padding: 6px 32px;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__col--heading .button.outline {
        font-size: 20px;
        min-width: 98%;
        padding: 12px 32px
    }
}

@media screen and (min-width: 700px) {
    .contact-banner__col--office {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__col--office {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25.7%;
        -ms-flex: 0 1 25.7%;
        flex: 0 1 25.7%
    }
}

@media screen and (min-width: 700px) {
    .contact-banner__col--faculty {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner__col--faculty {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }
}

.contact-banner .container {
    position: relative;
    padding: 28px 40px
}

@media screen and (max-width: 1023px) {
    .contact-banner .container {
        overflow: hidden
    }
}

@media screen and (min-width: 700px) {
    .contact-banner .container {
        padding: 30px 30px 30px 80px
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner .container {
        padding: 31px 50px 38px 50px;
        margin: 0 auto;
        max-width: 1280px
    }
}

.contact-banner .container:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: calc(-1 * (50px * 0.6));
    width: 50px;
    height: calc(100% + 20px);
    opacity: 1;
    background: #007EA8;
    -webkit-transform: translateY(-50%) skewX(1.4deg);
    transform: translateY(-50%) skewX(1.4deg);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (min-width: 700px) {
    .contact-banner .container:before {
        left: calc(-1 * (50px * 0.75));
        -webkit-transform: translateY(-50%) skewX(8.4deg);
        transform: translateY(-50%) skewX(8.4deg);
        width: 66px
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner .container:before {
        width: 400px;
        height: 100%;
        left: -384px;
        right: 0
    }
}

.contact-banner .location__name {
    font-size: 16px;
    color: #036;
    margin: 0 0 12px
}

@media screen and (min-width: 1024px) {
    .contact-banner .location__name {
        font-size: 22px
    }
}

.contact-banner .location__details {
    line-height: 1.8
}

@media screen and (min-width: 1024px) {
    .contact-banner .location__details {
        font-size: 22px;
        letter-spacing: -0.028rem;
        line-height: 1.4
    }
}

.contact-banner .location ul {
    padding: 0 !important;
    margin: 0 !important
}

.contact-banner .location li {
    padding: 0 !important;
    margin-bottom: 6px !important
}

@media screen and (min-width: 700px) {
    .contact-banner .location li {
        margin-bottom: 0 !important
    }
}

.contact-banner .location li:before {
    content: none !important
}

.contact-banner .location a {
    -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    color: #036;
    -webkit-box-shadow: inset 0 -2px 0 #036 !important;
    box-shadow: inset 0 -2px 0 #036 !important
}

@media screen and (min-width: 1024px) {
    .contact-banner .location a {
        font-size: 22px
    }
}

.contact-banner .location a:hover {
    color: #007EA8;
    -webkit-box-shadow: inset 0 -2px 0 #007EA8 !important;
    box-shadow: inset 0 -2px 0 #007EA8 !important
}

.contact-banner .faculty__img {
    width: 130px;
    margin-bottom: 12px
}

@media screen and (min-width: 700px) {
    .contact-banner .faculty__img {
        width: 150px;
        margin-bottom: 0;
        margin-right: 20px
    }
}

.contact-banner .faculty__subtitle {
    margin: 0 0 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: -0.056rem
}

@media screen and (min-width: 1024px) {
    .contact-banner .faculty__subtitle {
        font-size: 16px
    }
}

.contact-banner .faculty__name {
    color: #036;
    margin: 0 0 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media screen and (min-width: 700px) {
    .contact-banner .faculty__name {
        margin: 0 0 13px
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner .faculty__name {
        font-size: 22px
    }
}

@media screen and (min-width: 700px) {
    .contact-banner .faculty__info {
        margin-top: 16px
    }
}

@media screen and (min-width: 1024px) {
    .contact-banner .faculty__info {
        margin-top: -3px
    }
}

.contact-banner .faculty ul {
    padding: 0 !important;
    margin: 0 !important
}

.contact-banner .faculty li {
    padding: 0 !important;
    margin-bottom: 0 !important
}

@media screen and (min-width: 700px) {
    .contact-banner .faculty li {
        line-height: 1;
        margin-bottom: 5px !important
    }
}

.contact-banner .faculty li:before {
    content: none !important
}

.contact-banner .faculty a {
    -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    color: #036;
    -webkit-box-shadow: inset 0 -2px 0 #036 !important;
    box-shadow: inset 0 -2px 0 #036 !important
}

@media screen and (min-width: 1024px) {
    .contact-banner .faculty a {
        font-size: 22px
    }
}

.contact-banner .faculty a:hover {
    color: #007EA8;
    -webkit-box-shadow: inset 0 -2px 0 #007EA8 !important;
    box-shadow: inset 0 -2px 0 #007EA8 !important
}

.cta-list {
    color: #fff
}

.cta-list__top {
    margin-bottom: 1.4375rem
}

@media screen and (min-width: 700px) {
    .cta-list__top {
        margin-bottom: 1.5625rem
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__top {
        margin-bottom: 3.625rem
    }
}

.cta-list__inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .cta-list__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.cta-list__header {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 700px) {
    .cta-list__header {
        font-size: 2rem;
        margin: 0 0 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__header {
        font-size: 2.8125rem;
        margin: 0 0 1.5625rem
    }
}

.cta-list__intro {
    text-align: center
}

@media screen and (min-width: 700px) {
    .cta-list__intro {
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__intro {
        font-size: 1.375rem
    }
}

.cta-list__container {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #036
}

@media screen and (min-width: 700px) {
    .cta-list__container {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__container {
        padding-top: 5rem;
        padding-bottom: 3.4375rem
    }
}

.cta-list__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.cta-list__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 102, 0.7)
}

.cta-list__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cta-list__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 700px) {
    .cta-list__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: none;
        -webkit-align-items: none;
        -ms-flex-align: none;
        align-items: none;
        gap: .9375rem;
        margin-bottom: 1.625rem
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__content {
        margin-bottom: 3.625rem;
        gap: 2.5rem
    }
}

.cta-list__content .button {
    min-width: 204px;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem .625rem
}

@media screen and (max-width: 699px) {
    .cta-list__content .button {
        margin-bottom: .8125rem
    }
}

@media screen and (min-width: 700px) {
    .cta-list__content .button {
        font-size: .875rem;
        max-width: 222px;
        min-width: 162px;
        padding: 0.5rem 3.125rem
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__content .button {
        font-size: 1.25rem;
        max-width: 280px;
        min-width: 186px;
        padding: 1.125rem 3%
    }
}

.cta-list__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cta-list__bottom .button {
    min-width: 208px;
    padding: 7px 10px 7px
}

@media screen and (min-width: 700px) {
    .cta-list__bottom .button {
        min-width: 310px
    }
}

@media screen and (min-width: 1024px) {
    .cta-list__bottom .button {
        min-width: 388px;
        padding: 12px 30px 12px;
        font-size: 1.13rem
    }
}

.cta-list .container {
    max-width: none
}

.main-content .steps {
    margin-bottom: 55px
}

@media screen and (min-width: 1024px) {
    .main-content .steps {
        margin-bottom: 80px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps__inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .steps__top {
    margin: 0 0 20px
}

@media screen and (min-width: 700px) {
    .main-content .steps__top {
        margin: 0 0 27px
    }
}

.main-content .steps__header {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    margin: 0
}

@media screen and (max-width: 699px) {
    .main-content .steps__header {
        letter-spacing: 0
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps__header {
        font-size: 32px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps__header {
        font-size: 45px
    }
}

.main-content .steps__cards {
    margin: 0 0 15px
}

@media screen and (min-width: 700px) {
    .main-content .steps__cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
        margin: 0 0 12px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps__cards {
        gap: 24px;
        margin: 0 0 24px
    }
}

.main-content .steps-card {
    position: relative;
    background: #f4f4f4;
    padding: 16px
}

@media screen and (min-width: 700px) {
    .main-content .steps-card {
        padding: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - (15px * 0.5));
        -ms-flex: 0 0 calc(50% - (15px * 0.5));
        flex: 0 0 calc(50% - (15px * 0.5))
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - (24px * 0.5));
        -ms-flex: 0 0 calc(50% - (24px * 0.5));
        flex: 0 0 calc(50% - (24px * 0.5))
    }
}

@media screen and (max-width: 699px) {
    .main-content .steps-card:not(:last-of-type) {
        margin: 0 0 15px
    }
}

.main-content .steps-card__text {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 6px
}

@media screen and (min-width: 700px) {
    .main-content .steps-card__text {
        margin-bottom: 3px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-card__text {
        font-size: 22px
    }
}

.main-content .steps-card__link,
.main-content .steps-accordion__cta a:not(.button) {
    position: static;
    -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    color: #036;
    -webkit-box-shadow: inset 0 -2px 0 #036 !important;
    box-shadow: inset 0 -2px 0 #036 !important
}

@media screen and (min-width: 1024px) {

    .main-content .steps-card__link,
    .main-content .steps-accordion__cta a:not(.button) {
        font-size: 22px
    }
}

.main-content .steps-card__link:hover,
.main-content .steps-accordion__cta a:hover:not(.button) {
    color: #007EA8;
    -webkit-box-shadow: inset 0 -2px 0 #007EA8 !important;
    box-shadow: inset 0 -2px 0 #007EA8 !important
}

.main-content .steps-card__link:after,
.main-content .steps-accordion__cta a:not(.button):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .steps-content {
    margin-left: 40px
}

@media screen and (min-width: 700px) {
    .main-content .steps-content {
        margin-left: 47px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content {
        margin-left: 60px
    }
}

.main-content .steps-content__step {
    position: relative;
    margin: 0 0 30px
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__step {
        margin: 0 0 60px
    }
}

.main-content .steps-content__step:before {
    content: '0';
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: -40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background: #036;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 900
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__step:before {
        top: -4px;
        left: calc(-1 * (47px));
        font-size: 22px;
        width: 32px;
        height: 32px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__step:before {
        top: -2px;
        left: calc(-1 * (60px));
        font-size: 28px;
        width: 40px;
        height: 40px
    }
}

.main-content .steps-content__step:not(:last-of-type):after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-1 * (40px * 0.65));
    display: block;
    width: 1px;
    height: calc(100% + 30px);
    background: #036;
    z-index: -1
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__step:not(:last-of-type):after {
        left: calc(-1 * (47px * 0.65));
        height: calc(100% + 30px)
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__step:not(:last-of-type):after {
        left: calc(-1 * (60px * 0.65));
        height: calc(100% + 60px)
    }
}

.main-content .steps-content__step--1:before {
    content: '1'
}

.main-content .steps-content__step--2:before {
    content: '2'
}

.main-content .steps-content__step--3:before {
    content: '3'
}

.main-content .steps-content__top {
    margin: 0 0 19px
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__cols {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__cols {
        gap: 20px
    }
}

@media screen and (max-width: 699px) {
    .main-content .steps-content__col {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__body {
        line-height: 1.48
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__body {
        font-size: 22px
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - (15px * 0.5));
        -ms-flex: 0 0 calc(50% - (15px * 0.5));
        flex: 0 0 calc(50% - (15px * 0.5))
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(52.5% - (20px * 0.5));
        -ms-flex: 0 0 calc(52.5% - (20px * 0.5));
        flex: 0 0 calc(52.5% - (20px * 0.5))
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.main-content .steps-content__heading {
    color: #036;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.056rem;
    margin: 0 0 23px
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__heading {
        font-size: 22px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__heading {
        font-size: 33px;
        margin: 0 0 27px
    }
}

.main-content .steps-content__subheading {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.056rem
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__subheading {
        font-size: 20px;
        letter-spacing: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-content__subheading {
        font-size: 26px
    }
}

.main-content .steps-content__bottom {
    text-align: center
}

@media screen and (min-width: 700px) {
    .main-content .steps-content__bottom .button {
        font-size: 14px;
        letter-spacing: -0.056rem;
        max-width: none;
        padding: 12px 20px
    }
}

@media screen and (min-width: 700px) and (min-width: 1024px) {
    .main-content .steps-content__bottom .button {
        font-size: 20px;
        padding: 21px 40px
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__cols {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__cols {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__col:nth-child(1) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(63% - (15px * 0.5));
        -ms-flex: 0 0 calc(63% - (15px * 0.5));
        flex: 0 0 calc(63% - (15px * 0.5))
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__col:nth-child(1) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(66% - (40px * 0.5));
        -ms-flex: 0 0 calc(66% - (40px * 0.5));
        flex: 0 0 calc(66% - (40px * 0.5))
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__col:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(37% - (15px * 0.5));
        -ms-flex: 0 0 calc(37% - (15px * 0.5));
        flex: 0 0 calc(37% - (15px * 0.5))
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__col:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(30.6% - (40px * 0.5));
        -ms-flex: 0 0 calc(30.6% - (40px * 0.5));
        flex: 0 0 calc(30.6% - (40px * 0.5))
    }
}

.main-content .steps-accordion__col:not(:last-of-type) {
    margin: 0 0 15px
}

.main-content .steps-accordion__body {
    margin: 0 0 18px
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__body {
        margin: 0 0 23px
    }
}

.main-content .steps-accordion__cta a:not(.button):after {
    content: none
}

.main-content .steps-accordion__cta a:not(.button),
.main-content .steps-accordion__cta a:not(.button):hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .steps-accordion__cta a:not(.button) .icon-arrow-right:before {
    content: '→'
}

.main-content .steps-accordion__industries {
    background: #f4f4f4;
    padding: 15px
}

.main-content .steps-accordion__industries__title {
    color: #036;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 9px
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__industries__title {
        font-size: 22px
    }
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__industries__body>ul {
        padding: 0
    }
}

.main-content .steps-accordion__industries__body>ul>li {
    padding-left: 23px;
    margin-bottom: 0
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__industries__body>ul>li {
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__industries__body>ul>li {
        font-size: 22px;
        line-height: 1.55;
        padding-left: 34px
    }
}

.main-content .steps-accordion__industries__body>ul>li:before {
    left: 9px;
    top: 9px
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion__industries__body>ul>li:before {
        top: 13px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion__industries__body>ul>li:before {
        top: 17px;
        left: 15px
    }
}

.main-content .steps-accordion .accordion-wrapper {
    margin: 0
}

.main-content .steps-accordion .accordion-wrapper>ul>li {
    border: 1px solid gray
}

@media screen and (min-width: 700px) {
    .main-content .steps-accordion .accordion-wrapper>ul>li .toggle-accordion {
        font-size: 20px;
        padding-top: 26px;
        padding-bottom: 26px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion .accordion-wrapper>ul>li .toggle-accordion {
        font-size: 26px;
        padding: 24px 27px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion .accordion-wrapper .more-info {
        padding-right: 27px;
        padding-left: 27px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .steps-accordion .accordion-wrapper .more-info p {
        font-size: 22px;
        line-height: 1.45
    }
}

.main-content .pathway-cards {
    position: relative;
    overflow: hidden
}

.main-content .pathway-cards:before,
.main-content .pathway-cards:after {
    content: " ";
    display: table
}

.main-content .pathway-cards:after {
    clear: both
}

.main-content .pathway-cards:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fc3;
    -webkit-transform: skewX(-9deg);
    transform: skewX(-9deg);
    opacity: 0;
    right: -50%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards:before {
        -webkit-transform: skewX(-6deg);
        transform: skewX(-6deg)
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards:before {
        width: 48.6%;
        -webkit-transform: skewX(-8deg);
        transform: skewX(-8deg)
    }
}

.main-content .pathway-cards .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 11% top no-repeat url(/_resources/images/homepage/tcc-illustration-1.png);
    background-size: 200%
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards .overlay {
        top: 30px;
        background-size: 100%
    }
}

.main-content .pathway-cards .container {
    position: relative;
    z-index: 1;
    padding-top: 29px;
    padding-bottom: 42px
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards .container {
        padding: 39px 40px 61px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .container {
        padding-top: 84px;
        padding-bottom: 112px
    }
}

.main-content .pathway-cards h2 {
    font-size: 32px;
    font-size: 2rem;
    color: #036;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards h2 {
        font-size: 42px;
        font-size: 2.625rem;
        margin-bottom: 26px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards h2 {
        font-size: 72px;
        font-size: 4.5rem;
        margin-bottom: 24px
    }
}

.main-content .pathway-cards h2 span {
    font-size: 24px;
    font-size: 1.5rem;
    display: block;
    margin-bottom: 24px
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards h2 span {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards h2 span {
        font-size: 45px;
        font-size: 2.8125rem;
        margin-bottom: 20px
    }
}

.main-content .pathway-cards .three-col-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards .three-col-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .three-col-grid {
        max-width: 1040px;
        margin: 0 auto
    }
}

.main-content .pathway-cards .grid {
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #036
}

@media screen and (min-width: 700px) {
    .main-content .pathway-cards .grid {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - (15px * 0.5));
        -ms-flex: 0 0 calc(50% - (15px * 0.5));
        flex: 0 0 calc(50% - (15px * 0.5));
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .grid {
        min-height: 191px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.33% - (15px * 0.67));
        -ms-flex: 0 0 calc(33.33% - (15px * 0.67));
        flex: 0 0 calc(33.33% - (15px * 0.67))
    }
}

.main-content .pathway-cards .grid:last-of-type {
    background-color: #007EA8
}

.main-content .pathway-cards .grid:last-of-type .grid__eyebrow {
    color: #fff
}

.main-content .pathway-cards .grid:hover,
.main-content .pathway-cards .grid.active {
    z-index: 5000
}

.main-content .pathway-cards .grid:hover .image-overlay,
.main-content .pathway-cards .grid.active .image-overlay {
    opacity: 0.25
}

.main-content .pathway-cards .grid:hover h3,
.main-content .pathway-cards .grid.active h3 {
    color: #fff
}

.main-content .pathway-cards .grid__eyebrow {
    font-size: fontsize(15px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.056rem;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #97E5FF
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .grid__eyebrow {
        letter-spacing: -0.056rem
    }
}

.main-content .pathway-cards .grid__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.056rem;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .grid__title {
        font-size: 28px
    }
}

.main-content .pathway-cards .grid__title a {
    position: static;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .pathway-cards .grid__title a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content .pathway-cards .grid__title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-content .pathway-cards .grid .image-overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background-color: #007EA8;
    background-blend-mode: multiply
}

.main-content .pathway-cards .grid .content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 140px;
    z-index: 1;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    padding: 31px 30px
}

@media screen and (min-width: 1024px) {
    .main-content .pathway-cards .grid .content {
        padding: 33px 35px
    }
}

.main-content .animate.pathway-cards:before {
    right: -27%;
    opacity: 1
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade-in-block {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10%);
        transform: translate(0, 10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fade-in-block {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10%);
        transform: translate(0, 10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes grow {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes grow {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes indicator {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes indicator {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slide-right {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@keyframes slide-right {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes slide-left {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes slide-left {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@-webkit-keyframes top-to-bottom {
    0% {
        top: 5px;
        opacity: 0
    }

    66% {
        top: 25px;
        opacity: 1
    }

    80% {
        top: 25px;
        opacity: 0
    }

    100% {
        top: 5px;
        opacity: 0
    }
}

@keyframes top-to-bottom {
    0% {
        top: 5px;
        opacity: 0
    }

    66% {
        top: 25px;
        opacity: 1
    }

    80% {
        top: 25px;
        opacity: 0
    }

    100% {
        top: 5px;
        opacity: 0
    }
}

.animate.welcome-to:before {
    right: -8%;
    opacity: 1
}

.animate.all-are-welcome:before {
    left: -8%;
    opacity: 1
}

.animate.generic-block-cta .container:before {
    left: -384px;
    opacity: 1
}

html {
    background-color: #fff
}

html * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 700px) {
    body {
        font-size: 16px;
        font-size: 1rem;
        line-height: 30px
    }
}

@media screen and (min-width: 1024px) {
    body {
        font-size: 18px;
        font-size: 1.125rem
    }
}

div.inner-body {
    overflow-x: hidden;
    position: relative
}

h1,
.h1 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.43px
}

@media screen and (min-width: 700px) {

    h1,
    .h1 {
        font-size: 46px;
        font-size: 2.875rem;
        letter-spacing: -0.58px
    }
}

@media screen and (min-width: 1024px) {

    h1,
    .h1 {
        font-size: 72px;
        font-size: 4.5rem;
        letter-spacing: -1px
    }
}

h2,
.h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.1;
    color: #036;
    margin-bottom: 11px;
    letter-spacing: -0.56px
}

@media screen and (min-width: 700px) {

    h2,
    .h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 35px;
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1024px) {

    h2,
    .h2 {
        font-size: 40px;
        font-size: 2.5rem;
        margin-bottom: 47px;
        margin-top: 35px
    }
}

h3,
.h3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1;
    font-weight: 700
}

@media screen and (min-width: 700px) {

    h3,
    .h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {

    h3,
    .h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

h4,
.h4 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

@media screen and (min-width: 700px) {

    h4,
    .h4 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 1024px) {

    h4,
    .h4 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 700px) {

    h5,
    .h5 {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {

    h5,
    .h5 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

h6,
.h6 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.4;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {

    h6,
    .h6 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {

    h6,
    .h6 {
        font-size: 20px;
        font-size: 1.25rem
    }
}

p {
    line-height: 1.55;
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    p {
        max-width: 910px
    }
}

p.large {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px
}

@media screen and (min-width: 700px) {
    p.large {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 28px
    }
}

@media screen and (min-width: 1024px) {
    p.large {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 38px
    }
}

p.small {
    font-size: 14px;
    font-size: .875rem;
    line-height: 19px
}

@media screen and (min-width: 1024px) {
    p.small {
        font-size: 16px;
        font-size: 1rem;
        line-height: 26px
    }
}

p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
    margin-top: 35px
}

@media screen and (min-width: 1024px) {

    p+h2,
    p+h3,
    p+h4,
    p+h5,
    p+h6 {
        margin-top: 50px
    }
}

button {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button {
    font-size: 12px;
    font-size: .75rem;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    min-width: 241px;
    margin-left: auto;
    margin-right: auto;
    padding: 11px 10px 9px;
    text-align: center
}

@media screen and (min-width: 700px) {
    .button {
        padding: 6px 20px 6px;
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .button {
        font-size: 16px;
        font-size: 1rem;
        padding: 14px 25px 11px
    }
}

.button.outline {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    font-weight: 500;
    letter-spacing: 0.53px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.button.outline.black {
    border-color: #000;
    color: #000
}

.button.outline.white {
    border-color: #fff;
    color: #fff
}

.button.outline.yellow {
    border-color: #fc3;
    color: #fc3
}

.button.outline:hover {
    text-decoration: none
}

.button.outline:hover.black {
    border-color: #007EA8;
    background-color: #007EA8;
    color: #fff !important
}

.button.outline:hover.white {
    border-color: #fff;
    background-color: #fff;
    color: #007EA8
}

.button.outline:hover.yellow {
    border-color: #fc3
}

.button.solid {
    border-radius: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.button.solid.black {
    background-color: #000
}

.button.solid.white {
    background-color: #fff
}

.button.solid.yellow {
    background-color: #fc3;
    color: #000
}

.button.solid.blue {
    border: 1px solid #036;
    background-color: #036;
    color: white
}

.button.solid:hover {
    text-decoration: none
}

.button.solid:hover.yellow {
    background-color: #c9c9c4
}

.button.solid:hover.blue {
    background-color: #fff;
    color: #036
}

hr {
    height: 2px
}

figure,
img {
    display: block;
    max-width: 100%;
    height: auto
}

figure.float-right,
img.float-right {
    margin-bottom: 15px
}

@media screen and (min-width: 700px) {

    figure.float-right,
    img.float-right {
        float: right;
        max-width: 50%;
        padding-left: 25px
    }
}

@media screen and (min-width: 1024px) {

    figure.float-right,
    img.float-right {
        padding-right: 42px
    }
}

figure.float-left,
img.float-left {
    margin-bottom: 15px
}

@media screen and (min-width: 700px) {

    figure.float-left,
    img.float-left {
        float: left;
        max-width: 50%;
        padding-right: 25px
    }
}

@media screen and (min-width: 1024px) {

    figure.float-left,
    img.float-left {
        padding-right: 42px
    }
}

picture {
    display: block
}

figure {
    margin: 0;
    margin-bottom: 30px
}

figure.photo {
    margin-top: 31px
}

figure.photo img {
    max-width: none;
    width: 100%
}

figure.full-screen {
    margin-top: 30px
}

@media screen and (min-width: 1024px) {
    figure.full-screen {
        margin-bottom: 47px
    }

    figure.full-screen img {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    figure.full-image {
        margin-top: 25px;
        margin-bottom: 35px
    }
}

@media screen and (min-width: 1024px) {
    figure.full-image {
        margin-top: 49px;
        margin-bottom: 60px
    }
}

@media screen and (min-width: 700px) {
    figure.align-right {
        float: right;
        max-width: 50%;
        padding-left: 25px
    }
}

figure.align-right img {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

figure figcaption p {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 700px) {
    figure figcaption p {
        margin-top: 7px
    }
}

@media screen and (min-width: 1024px) {
    figure figcaption p {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 12px
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

table {
    text-align: left;
    margin-bottom: 35px;
    width: 100%
}

@media screen and (min-width: 700px) {
    table {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 1024px) {
    table {
        margin-bottom: 80px
    }
}

table.no-bt caption {
    padding: 10px 0 4px
}

table.no-bt thead tr {
    background-color: transparent !important
}

@media screen and (min-width: 700px) {
    table.no-bt thead tr th {
        padding: 13px 25px 13px
    }
}

@media screen and (max-width: 699px) {
    table.bt {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px)
    }
}

table caption {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 900;
    letter-spacing: -0.27px;
    line-height: 1.22;
    color: #036;
    text-align: left;
    padding: 10px 15px 25px;
    text-transform: uppercase
}

table thead {
    font-size: 15px;
    font-size: .9375rem
}

@media screen and (min-width: 1024px) {
    table thead {
        border-bottom: 2px solid #3a3a3a
    }
}

@media screen and (min-width: 1024px) {
    table thead {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 100
    }
}

table thead tr th {
    font-weight: normal;
    color: #036;
    font-weight: 900;
    line-height: 1
}

@media screen and (min-width: 700px) {
    table thead tr th {
        padding: 25px 25px 13px
    }
}

@media screen and (min-width: 1024px) {
    table thead tr th {
        padding-left: 25px;
        line-height: 1.1
    }
}

table tbody {
    border-top: 1px solid #c9c9c4
}

table tr {
    border-bottom: 1px solid #c9c9c4
}

table tr:nth-child(even) {
    background: #f4f4f4
}

table tr td {
    font-weight: 100;
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px
}

table tr td::before {
    line-height: 1.25
}

table tr td,
table tr th {
    vertical-align: top;
    padding: 15px;
    font-weight: normal
}

@media screen and (min-width: 700px) {

    table tr td,
    table tr th {
        padding: 20px
    }
}

@media screen and (min-width: 1024px) {

    table tr td,
    table tr th {
        padding: 10px 15px 10px 25px
    }
}

table.bt tr:first-child {
    display: none
}

table.bt thead+tbody tr:first-child {
    display: table-row
}

form {
    margin-top: 25px;
    margin-bottom: 25px
}

form:before,
form:after {
    content: " ";
    display: table
}

form:after {
    clear: both
}

form fieldset {
    border: none;
    margin: 8px 0 15px;
    padding: 0
}

form label,
form legend {
    font-weight: 600;
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {

    form label,
    form legend {
        margin-bottom: 4px
    }
}

form label,
form textarea {
    display: block
}

form textarea {
    width: 100%;
    margin-bottom: 27px;
    min-height: 168px;
    padding: 10px 14px 8px;
    font-weight: 100;
    max-width: 773px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form input {
    padding: 10px 14px 8px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form input[type="text"] {
    width: 100%
}

@media screen and (min-width: 700px) {
    form input[type="text"] {
        max-width: 290px
    }
}

select {
    width: 100%;
    height: 38px;
    font-size: 16px;
    background-size: 11px auto;
    padding: 4px 28px 8px 14px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff url(images/icon-dropdown-arrows_black.png) no-repeat right 10px top 50%;
    background-size: 7px auto
}

@media screen and (min-width: 700px) {
    select {
        max-width: 290px
    }
}

select::-ms-expand {
    display: none
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label,
[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    font-weight: normal
}

[type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9d9d9
}

@media screen and (min-width: 1024px) {
    [type="radio"]+label:before {
        top: 6px
    }
}

[type="radio"]:checked+label:before {
    border: 1px solid #000
}

[type="radio"]:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000
}

@media screen and (min-width: 1024px) {
    [type="radio"]:checked+label:after {
        top: 10px
    }
}

[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    color: #fff;
    border-radius: 2px
}

@media screen and (min-width: 1024px) {
    [type="checkbox"]:not(:checked)+label:before {
        top: 5px
    }
}

[type="checkbox"]:not(:checked)+label .icon-checkmark {
    display: none
}

[type="checkbox"]:checked+label .icon-checkmark {
    position: absolute;
    left: 0;
    top: 1px;
    padding-top: 1px;
    font-size: 11px;
    width: 16px;
    height: 16px;
    color: #fff;
    border: 1px solid #000;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000;
    font-size: 8px;
    line-height: 13px;
    border-radius: 2px
}

@media screen and (min-width: 1024px) {
    [type="checkbox"]:checked+label .icon-checkmark {
        top: 6px
    }
}

[type="checkbox"]:focus+label:before,
[type="checkbox"]:focus+label:after,
[type="radio"]:focus+label:before {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.accessible,
.accessible-alt-text {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px)
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #3a3a3a;
    letter-spacing: 0.63px;
    font-style: italic !important
}

@media screen and (min-width: 1024px) {

    ::-webkit-input-placeholder,
    ::-moz-placeholder,
    :-ms-input-placeholder,
    :-moz-placeholder {
        font-size: 16px !important
    }
}

video {
    position: relative;
    display: block
}

.skip-link {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    color: #222;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    overflow: auto;
    z-index: 6000;
    max-width: 1600px;
    margin: 0 auto
}

.skip-link:active,
.skip-link:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto
}

.skip-link:hover {
    text-decoration: none
}

.skip-link:active,
.skip-link:focus {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    clip: auto;
    height: auto;
    background-color: #fff
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 700px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

a {
    color: inherit;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    font-weight: 700
}

a .last-word {
    white-space: nowrap
}

.bordered:after,
section.program-finder .program-finder-results:after,
section.program-finder .class-finder-results:after,
section.class-finder .program-finder-results:after,
section.class-finder .class-finder-results:after {
    content: '';
    height: 2px;
    background-color: #f4f4f4;
    display: inline-block;
    width: 100%;
    margin: 28px auto 0
}

@media screen and (min-width: 1024px) {

    .bordered:after,
    section.program-finder .program-finder-results:after,
    section.program-finder .class-finder-results:after,
    section.class-finder .program-finder-results:after,
    section.class-finder .class-finder-results:after {
        margin-top: 50px
    }
}

.main-content ul {
    padding-left: 0
}

@media screen and (min-width: 700px) {
    .main-content ul {
        padding-left: 23px
    }
}

@media screen and (min-width: 1024px) {
    .main-content ul {
        margin-bottom: 23px;
        padding-left: 31px
    }
}

.main-content ul>li {
    padding-left: 25px;
    list-style: none;
    position: relative;
    margin-bottom: 9px;
    font-weight: normal
}

@media screen and (min-width: 700px) {
    .main-content ul>li {
        margin-bottom: 3px
    }
}

.main-content ul>li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #3a3a3a
}

@media screen and (min-width: 700px) {
    .main-content ul>li:before {
        top: 12px
    }
}

@media screen and (min-width: 1024px) {
    .main-content ul>li:before {
        top: 12px
    }
}

.main-content ol {
    padding-left: 18px
}

@media screen and (min-width: 700px) {
    .main-content ol {
        padding-left: 39px
    }
}

@media screen and (min-width: 1024px) {
    .main-content ol {
        padding-left: 50px
    }
}

.main-content ol li {
    padding-left: 9px
}

.main-content a {
    color: #007EA8;
    position: relative;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out
}

.main-content a:not(.button) {
    -webkit-box-shadow: inset 0 -6px 0 #ececec;
    box-shadow: inset 0 -6px 0 #ececec;
    -webkit-transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
    transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word
}

.main-content a:not(.button):hover {
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
    -webkit-box-shadow: inset 0 -40px 0 #ececec;
    box-shadow: inset 0 -40px 0 #ececec
}

.main-content a:hover {
    text-decoration: underline;
    text-decoration: none;
    color: #036
}

.main-content p a {
    font-weight: 700
}

.main-content blockquote {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 2px solid #ececec;
    border-bottom: 2px solid #ececec;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.main-content blockquote .container {
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
    padding-right: 45px
}

@media screen and (min-width: 700px) {
    .main-content blockquote .container {
        padding-left: 70px;
        padding-bottom: 30px;
        padding-top: 27px;
        padding-right: 70px
    }
}

@media screen and (min-width: 1024px) {
    .main-content blockquote .container {
        padding-left: 183px;
        padding-bottom: 56px;
        padding-top: 43px;
        padding-right: 50px
    }
}

.main-content blockquote .container:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%;
    -webkit-transform: skewX(-3.4deg);
    transform: skewX(-3.4deg);
    opacity: 1;
    right: -368px;
    background-color: #0099cc
}

@media screen and (min-width: 700px) {
    .main-content blockquote .container:before {
        -webkit-transform: skewX(-6.4deg);
        transform: skewX(-6.4deg);
        right: -353px
    }
}

.main-content blockquote .container span.icon-quote {
    position: absolute;
    left: 7px;
    top: 32px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #036;
    font-size: 15px
}

@media screen and (min-width: 700px) {
    .main-content blockquote .container span.icon-quote {
        font-size: 22px;
        left: 15px;
        top: 44px
    }
}

@media screen and (min-width: 1024px) {
    .main-content blockquote .container span.icon-quote {
        font-size: 26px;
        left: 122px;
        top: 63px
    }
}

.main-content blockquote p {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #036;
    line-height: 1.33;
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
    margin-top: 18px;
    font-weight: 100
}

@media screen and (min-width: 700px) {
    .main-content blockquote p {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.35
    }
}

@media screen and (min-width: 1024px) {
    .main-content blockquote p {
        font-size: 46px;
        font-size: 2.875rem;
        line-height: 1.35
    }
}

.main-content blockquote footer {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: left;
    font-weight: 700;
    margin-top: 18px
}

@media screen and (min-width: 1024px) {
    .main-content blockquote footer {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 1024px) {
    .main-content blockquote footer {
        margin-top: 26px
    }
}

.main-content blockquote footer a:not(.button) {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 20px
}

.main-content blockquote footer a:not(.button):hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-content blockquote footer a:not(.button):hover .icon-arrow-right {
    color: #036
}

.main-content blockquote footer .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

#alert-notification {
    background-color: #e1002a;
    color: #fff
}

#alert-notification:before,
#alert-notification:after {
    content: " ";
    display: table
}

#alert-notification:after {
    clear: both
}

#alert-notification .container {
    position: relative;
    padding: 10px 20px 15px;
    max-width: 1600px
}

@media screen and (min-width: 700px) {
    #alert-notification .container {
        padding: 10px 215px 17px 83px
    }
}

@media screen and (min-width: 1024px) {
    #alert-notification .container {
        padding: 8px 290px 10px 142px
    }
}

#alert-notification .container .icon-alert {
    display: none
}

@media screen and (min-width: 700px) {
    #alert-notification .container .icon-alert {
        position: absolute;
        font-size: 37px;
        display: block;
        left: 20px;
        top: 41px
    }
}

@media screen and (min-width: 1024px) {
    #alert-notification .container .icon-alert {
        left: 37px;
        top: 29px;
        font-size: 63px
    }
}

#alert-notification .container .title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 6px;
    text-align: center;
    margin-top: 0;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width: 700px) {
    #alert-notification .container .title {
        font-size: 22px;
        font-size: 1.375rem;
        margin-top: 20px;
        text-align: left;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1024px) {
    #alert-notification .container .title {
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 11px
    }
}

#alert-notification .container .description {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 5px;
    font-weight: 300;
    line-height: 1.15;
    text-align: center
}

@media screen and (min-width: 700px) {
    #alert-notification .container .description {
        text-align: left
    }
}

@media screen and (min-width: 1024px) {
    #alert-notification .container .description {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 0
    }
}

#alert-notification .container .actions {
    padding-right: 50px;
    position: relative;
    max-width: 450px;
    margin: 0 auto
}

@media screen and (min-width: 700px) {
    #alert-notification .container .actions {
        max-width: 100%;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding-right: 40px
    }
}

#alert-notification .container .button {
    font-size: 12px;
    font-size: .75rem;
    width: 100%;
    display: block;
    text-align: center;
    padding: 9px 10px;
    font-weight: 500;
    max-width: 400px
}

@media screen and (min-width: 1024px) {
    #alert-notification .container .button {
        font-size: 16px;
        font-size: 1rem;
        padding: 12px 20px
    }
}

#alert-notification .container button {
    font-size: 18px;
    line-height: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 2px
}

#alert-notification .container button:hover {
    color: #fff
}

#alert-notification .container button span.icon-close {
    font-size: 14px;
    display: inline-block;
    position: relative;
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px
}

@media screen and (min-width: 1024px) {
    #alert-notification .container button {
        font-size: 40px
    }
}

.header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5000;
    max-width: 1600px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.header-wrapper.sticky {
    position: fixed
}

#masthead {
    background-color: rgba(0, 0, 0, 0.72);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#masthead .positioner {
    position: relative;
    padding: 7px 10px
}

#masthead .positioner:before,
#masthead .positioner:after {
    content: " ";
    display: table
}

#masthead .positioner:after {
    clear: both
}

@media screen and (min-width: 700px) {
    #masthead .positioner {
        padding: 12px 15px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .positioner {
        padding: 18px 32px 0;
        position: relative;
        z-index: 5000
    }
}

#masthead .logo {
    display: block;
    float: left;
    margin-top: 3px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#masthead .logo:hover {
    opacity: 0.8
}

#masthead .logo .white {
    position: absolute;
    top: 10px
}

@media screen and (min-width: 700px) {
    #masthead .logo .white {
        top: 15px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .logo .white {
        top: 21px
    }
}

#masthead .logo .color {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#masthead .logo img {
    max-height: 30px;
    width: auto
}

@media screen and (min-width: 700px) {
    #masthead .logo img {
        max-height: 33px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .logo img {
        max-height: 41px
    }
}

#masthead .menu-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right
}

#masthead .menu-buttons #header-cta {
    font-size: 10px;
    font-size: .625rem;
    height: 36px;
    color: #fc3;
    border: 1px solid #fc3;
    border-radius: 1px;
    text-transform: uppercase;
    padding: 0 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #header-cta {
        font-size: 12px;
        font-size: .75rem;
        height: 44px;
        padding: 0 17px 0 13px
    }
}

#masthead .menu-buttons #header-cta .icon-start {
    font-size: 14px;
    vertical-align: middle;
    padding-right: 9px
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #header-cta .icon-start {
        font-size: 20px;
        padding-right: 14px
    }
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #header-cta .mobile {
        display: none
    }
}

#masthead .menu-buttons #header-cta .desktop {
    display: none
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #header-cta .desktop {
        display: inline-block
    }
}

#masthead .menu-buttons #search-control {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

#masthead .menu-buttons #search-control #toggle-search {
    width: 36px;
    height: 36px;
    margin-left: 3px;
    margin-right: 3px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #search-control #toggle-search {
        width: 44px;
        height: 44px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .menu-buttons #search-control #toggle-search {
        margin-left: 8px
    }
}

#masthead .menu-buttons #search-control #toggle-search .icon-search {
    vertical-align: middle;
    display: inline-block
}

#masthead .menu-buttons #search-control #toggle-search.toggled-on {
    background-color: #007EA8;
    color: #fff
}

#masthead .menu-buttons #search-control #toggle-search.toggled-on:hover {
    color: #fff
}

@media screen and (max-width: 1099px) {
    #masthead .menu-buttons nav {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

#masthead .menu-buttons #main-menu-toggle {
    width: 36px;
    height: 36px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    #masthead .menu-buttons #main-menu-toggle {
        width: 94px;
        height: 44px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .menu-buttons #main-menu-toggle {
        display: none
    }
}

#masthead .menu-buttons #main-menu-toggle.toggled-on:hover {
    color: #fff
}

#masthead .menu-buttons #main-menu-toggle .icon-menu {
    vertical-align: middle;
    display: inline-block;
    font-size: 14px
}

#masthead .menu-buttons #main-menu-toggle .desktop {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px
}

@media screen and (max-width: 699px) {
    #masthead .menu-buttons #main-menu-toggle .desktop {
        display: none
    }
}

#masthead .search-container {
    display: none
}

@media screen and (min-width: 1100px) {
    #masthead #header-menu-cta {
        display: block
    }
}

#masthead #header-menu-cta .header-menu-cta-toggle {
    font-size: 15px;
    font-size: .9375rem;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    padding: 9px 13px;
    height: 44px;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 17px
}

@media screen and (max-width: 1099px) {
    #masthead #header-menu-cta .header-menu-cta-toggle {
        display: none
    }
}

#masthead #header-menu-cta .header-menu-cta-toggle.toggled-on .icon-arrow-dropdown {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 1100px) {
    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-animation: fade-in 0.1s ease forwards;
        animation: fade-in 0.1s ease forwards
    }
}

@media screen and (min-width: 1100px) {
    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(0) {
        position: relative;
        -webkit-animation: fade-in 0.06s 0s ease forwards;
        animation: fade-in 0.06s 0s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(1) {
        position: relative;
        -webkit-animation: fade-in 0.06s .1s ease forwards;
        animation: fade-in 0.06s .1s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(2) {
        position: relative;
        -webkit-animation: fade-in 0.06s .2s ease forwards;
        animation: fade-in 0.06s .2s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(3) {
        position: relative;
        -webkit-animation: fade-in 0.06s .3s ease forwards;
        animation: fade-in 0.06s .3s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(4) {
        position: relative;
        -webkit-animation: fade-in 0.06s .4s ease forwards;
        animation: fade-in 0.06s .4s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(5) {
        position: relative;
        -webkit-animation: fade-in 0.06s .5s ease forwards;
        animation: fade-in 0.06s .5s ease forwards
    }

    #masthead #header-menu-cta .header-menu-cta-toggle.toggled-on+.header-menu-cta-content .callout:nth-child(6) {
        position: relative;
        -webkit-animation: fade-in 0.06s .6s ease forwards;
        animation: fade-in 0.06s .6s ease forwards
    }
}

#masthead #header-menu-cta .header-menu-cta-toggle .icon-arrow-dropdown {
    font-size: 7px;
    position: relative;
    top: -2px;
    margin-left: 5px;
    display: inline-block
}

#masthead #header-menu-cta .header-menu-cta-content {
    margin: 0 16px;
    padding-bottom: 80px;
    z-index: 4
}

@media screen and (min-width: 700px) {
    #masthead #header-menu-cta .header-menu-cta-content {
        margin-left: -5px;
        margin-right: -5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 16px;
        padding-right: 16px
    }

    #masthead #header-menu-cta .header-menu-cta-content:before,
    #masthead #header-menu-cta .header-menu-cta-content:after {
        content: " ";
        display: table
    }

    #masthead #header-menu-cta .header-menu-cta-content:after {
        clear: both
    }
}

@media screen and (min-width: 1100px) {
    #masthead #header-menu-cta .header-menu-cta-content {
        background-color: rgba(0, 51, 102, 0.95);
        display: none;
        position: absolute;
        top: 81px;
        width: 100%;
        left: 0;
        color: #fff;
        padding-top: 80px;
        padding-left: 125px;
        padding-right: 125px;
        margin: 0
    }
}

#masthead #header-menu-cta .header-menu-cta-content .callout {
    opacity: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    padding: 24px 24px 20px;
    margin-bottom: 8px
}

@media screen and (min-width: 700px) {
    #masthead #header-menu-cta .header-menu-cta-content .callout {
        width: calc(33.33% - 10px);
        margin-left: 5px;
        margin-right: 5px
    }
}

@media screen and (min-width: 1100px) {
    #masthead #header-menu-cta .header-menu-cta-content .callout {
        width: calc(33.33% - 28px);
        margin-left: 14px;
        margin-right: 14px;
        margin-bottom: 0
    }
}

#masthead #header-menu-cta .header-menu-cta-content h2 {
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fc3;
    font-weight: 700;
    margin: 0
}

#masthead #header-menu-cta .header-menu-cta-content #google_translate_element {
    display: none
}

#masthead #header-menu-cta .header-menu-cta-content ul {
    padding-left: 0
}

@media screen and (min-width: 700px) {
    #masthead #header-menu-cta .header-menu-cta-content ul {
        margin-top: 10px
    }
}

#masthead #header-menu-cta .header-menu-cta-content ul li {
    list-style: none
}

#masthead #header-menu-cta .header-menu-cta-content a {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    font-weight: normal;
    color: #f4f4f4;
    letter-spacing: 0.84px;
    padding: 10px 0;
    display: block
}

@media screen and (min-width: 700px) {
    #masthead #header-menu-cta .header-menu-cta-content a {
        padding: 7px 0
    }
}

#masthead #header-menu-cta .header-menu-cta-content a:hover {
    color: #fc3;
    text-decoration: underline
}

#masthead .header-cta-body-nav {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important
}

#masthead .header-cta-body {
    display: none;
    background-color: #036;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100vh - 50px);
    color: #f4f4f4;
    z-index: 4
}

@media screen and (min-width: 700px) {
    #masthead .header-cta-body {
        top: 68px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .header-cta-body {
        top: 80px;
        height: auto
    }
}

#masthead .header-cta-body .scrollable {
    padding-bottom: 50px
}

@media screen and (min-width: 1100px) {
    #masthead .header-cta-body .scrollable {
        max-height: calc(100vh - 80px);
        overflow-y: scroll;
        margin-right: -17px
    }
}

#masthead .header-cta-body .container {
    opacity: 0;
    padding-top: 15px
}

@media screen and (min-width: 700px) {
    #masthead .header-cta-body .container {
        padding-left: 16px;
        padding-right: 16px
    }
}

#masthead .header-cta-body h2 {
    font-size: 28px;
    font-size: 1.75rem;
    width: 100%;
    text-align: center;
    max-width: 221px;
    margin: 25px auto 25px;
    color: #fff
}

@media screen and (min-width: 700px) {
    #masthead .header-cta-body h2 {
        font-size: 30px;
        font-size: 1.875rem;
        max-width: 100%;
        margin-bottom: 58px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .header-cta-body h2 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

#masthead .header-cta-body .links {
    width: 100%
}

@media screen and (min-width: 700px) {
    #masthead .header-cta-body .links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#masthead .header-cta-body .links a {
    font-size: 14px;
    font-size: .875rem;
    font-weight: normal;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    padding: 13px 10px;
    min-height: 63px;
    line-height: 1.25;
    margin-bottom: 3px;
    opacity: 0
}

@media screen and (min-width: 700px) {
    #masthead .header-cta-body .links a {
        font-size: 16px;
        font-size: 1rem;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        min-height: 84px;
        padding: 24px 20px
    }

    #masthead .header-cta-body .links a:nth-child(odd) {
        margin-right: 5px
    }

    #masthead .header-cta-body .links a:nth-child(even) {
        margin-left: 5px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .header-cta-body .links a {
        width: calc(33.333% - 4.5px)
    }

    #masthead .header-cta-body .links a:nth-child(3n+1) {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #masthead .header-cta-body .links a:nth-child(3n+2) {
        margin-left: 6.5px !important;
        margin-right: 6.5px !important
    }

    #masthead .header-cta-body .links a:nth-child(3n+3) {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

#masthead .header-cta-body .links a:hover {
    border-color: #fc3;
    color: #fc3;
    -webkit-box-shadow: inset 1px 1px 0 #fc3;
    box-shadow: inset 1px 1px 0 #fc3
}

@media screen and (max-width: 1099px) {
    .menu-active {
        overflow: hidden
    }
}

.menu-active #masthead #header-cta.toggled-on {
    background-color: #fc3;
    color: #000
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body {
    display: block;
    height: calc(100vh - 50px);
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 1099px) {
    .menu-active #masthead #header-cta.toggled-on+.header-cta-body {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (min-width: 1100px) {
    .menu-active #masthead #header-cta.toggled-on+.header-cta-body {
        height: auto !important
    }
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container {
    display: block;
    -webkit-animation: fade-in 0.1s ease forwards;
    animation: fade-in 0.1s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(0) {
    -webkit-animation: fade-in 0.1s 0s ease forwards;
    animation: fade-in 0.1s 0s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(1) {
    -webkit-animation: fade-in 0.1s .02s ease forwards;
    animation: fade-in 0.1s .02s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(2) {
    -webkit-animation: fade-in 0.1s .04s ease forwards;
    animation: fade-in 0.1s .04s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(3) {
    -webkit-animation: fade-in 0.1s .06s ease forwards;
    animation: fade-in 0.1s .06s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(4) {
    -webkit-animation: fade-in 0.1s .08s ease forwards;
    animation: fade-in 0.1s .08s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(5) {
    -webkit-animation: fade-in 0.1s .1s ease forwards;
    animation: fade-in 0.1s .1s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(6) {
    -webkit-animation: fade-in 0.1s .12s ease forwards;
    animation: fade-in 0.1s .12s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(7) {
    -webkit-animation: fade-in 0.1s .14s ease forwards;
    animation: fade-in 0.1s .14s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(8) {
    -webkit-animation: fade-in 0.1s .16s ease forwards;
    animation: fade-in 0.1s .16s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(9) {
    -webkit-animation: fade-in 0.1s .18s ease forwards;
    animation: fade-in 0.1s .18s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(10) {
    -webkit-animation: fade-in 0.1s .2s ease forwards;
    animation: fade-in 0.1s .2s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(11) {
    -webkit-animation: fade-in 0.1s .22s ease forwards;
    animation: fade-in 0.1s .22s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(12) {
    -webkit-animation: fade-in 0.1s .24s ease forwards;
    animation: fade-in 0.1s .24s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(13) {
    -webkit-animation: fade-in 0.1s .26s ease forwards;
    animation: fade-in 0.1s .26s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(14) {
    -webkit-animation: fade-in 0.1s .28s ease forwards;
    animation: fade-in 0.1s .28s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(15) {
    -webkit-animation: fade-in 0.1s .3s ease forwards;
    animation: fade-in 0.1s .3s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(16) {
    -webkit-animation: fade-in 0.1s .32s ease forwards;
    animation: fade-in 0.1s .32s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(17) {
    -webkit-animation: fade-in 0.1s .34s ease forwards;
    animation: fade-in 0.1s .34s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(18) {
    -webkit-animation: fade-in 0.1s .36s ease forwards;
    animation: fade-in 0.1s .36s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(19) {
    -webkit-animation: fade-in 0.1s .38s ease forwards;
    animation: fade-in 0.1s .38s ease forwards
}

.menu-active #masthead #header-cta.toggled-on+.header-cta-body .container a:nth-child(20) {
    -webkit-animation: fade-in 0.1s .4s ease forwards;
    animation: fade-in 0.1s .4s ease forwards
}

#masthead .menus-wrapper {
    z-index: 4
}

@media screen and (min-width: 1100px) {
    #masthead .menus-wrapper {
        display: block
    }
}

@media screen and (max-width: 1099px) {
    #masthead .menus-wrapper {
        top: 68px;
        display: none;
        position: absolute;
        left: 0
    }
}

@media screen and (max-width: 699px) {
    #masthead .menus-wrapper {
        top: 50px
    }
}

@media screen and (max-width: 1099px) {
    #masthead .menus-wrapper .menus-container {
        background-color: #036
    }
}

@media screen and (min-width: 1100px) {
    #masthead .menus-wrapper .menus-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (max-width: 1099px) {
    .menu-active {
        overflow: hidden
    }
}

.menu-active #masthead #main-menu-toggle.toggled-on {
    background-color: #007EA8;
    color: #fff
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper {
    display: block;
    height: calc(100vh - 50px) !important;
    width: 100% !important
}

@media screen and (max-width: 1099px) {
    .menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (min-width: 1100px) {
    .menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper {
        height: auto !important
    }
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(0) {
    -webkit-animation: fade-in 0.01s 0s ease forwards;
    animation: fade-in 0.01s 0s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(1) {
    -webkit-animation: fade-in 0.01s .02s ease forwards;
    animation: fade-in 0.01s .02s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(2) {
    -webkit-animation: fade-in 0.01s .04s ease forwards;
    animation: fade-in 0.01s .04s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(3) {
    -webkit-animation: fade-in 0.01s .06s ease forwards;
    animation: fade-in 0.01s .06s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(4) {
    -webkit-animation: fade-in 0.01s .08s ease forwards;
    animation: fade-in 0.01s .08s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(5) {
    -webkit-animation: fade-in 0.01s .1s ease forwards;
    animation: fade-in 0.01s .1s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper .main-menu>ul>li:nth-child(6) {
    -webkit-animation: fade-in 0.01s .12s ease forwards;
    animation: fade-in 0.01s .12s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(0) {
    -webkit-animation: fade-in 0.06s 0s ease forwards;
    animation: fade-in 0.06s 0s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(1) {
    -webkit-animation: fade-in 0.06s .1s ease forwards;
    animation: fade-in 0.06s .1s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(2) {
    -webkit-animation: fade-in 0.06s .2s ease forwards;
    animation: fade-in 0.06s .2s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(3) {
    -webkit-animation: fade-in 0.06s .3s ease forwards;
    animation: fade-in 0.06s .3s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(4) {
    -webkit-animation: fade-in 0.06s .4s ease forwards;
    animation: fade-in 0.06s .4s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(5) {
    -webkit-animation: fade-in 0.06s .5s ease forwards;
    animation: fade-in 0.06s .5s ease forwards
}

.menu-active #masthead #main-menu-toggle.toggled-on+.menus-wrapper #header-menu-cta .callout:nth-child(6) {
    -webkit-animation: fade-in 0.06s .6s ease forwards;
    animation: fade-in 0.06s .6s ease forwards
}

@media screen and (max-width: 1099px) {
    #masthead .main-menu {
        padding: 34px 16px 19px 16px
    }
}

@media screen and (min-width: 700px) {
    #masthead .main-menu {
        padding-top: 61px;
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu {
        padding-top: 0;
        padding-bottom: 0
    }
}

#masthead .main-menu a {
    color: #fff
}

#masthead .main-menu ul.sub-menu {
    display: none
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu button.toggle {
        display: none
    }
}

#masthead .main-menu ul {
    padding-left: 0
}

#masthead .main-menu ul li {
    list-style: none
}

#masthead .main-menu>ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 5px
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul {
        padding-top: 0
    }
}

#masthead .main-menu>ul>li {
    position: relative;
    list-style: none;
    padding-left: 42px;
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li {
        opacity: 0;
        padding-left: 106px;
        margin-bottom: 43px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li {
        position: static;
        display: inline-block;
        opacity: 1;
        padding: 0;
        margin: 0;
        position: initial;
        margin-left: -3px
    }
}

#masthead .main-menu>ul>li.fadeOut>ul.sub-menu {
    display: block !important;
    opacity: 1 !important
}

#masthead .main-menu>ul>li:before {
    display: none
}

#masthead .main-menu>ul>li.expanded>a {
    color: #fc3
}

#masthead .main-menu>ul>li.expanded>button {
    background-color: #fc3;
    color: #000
}

#masthead .main-menu>ul>li.expanded>button:hover {
    color: #000
}

#masthead .main-menu>ul>li.expanded>button .icon-light-expand:before {
    content: "\e92d"
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li.nav-focus ul.sub-menu {
        display: block;
        -webkit-animation: fade-in 0.1s ease forwards;
        animation: fade-in 0.1s ease forwards
    }
}

#masthead .main-menu>ul>li.nav-focus>a:before {
    height: 5px
}

#masthead .main-menu>ul>li>a {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li>a {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li>a {
        font-size: 15px;
        font-size: .9375rem;
        text-transform: uppercase;
        font-weight: 500;
        display: block;
        padding: 10px 13px 25px;
        color: #fff;
        position: relative
    }
}

#masthead .main-menu>ul>li>a:hover {
    color: #fc3
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li>a:before {
        display: block;
        content: '';
        height: 0;
        width: calc(100% - 26px);
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #007EA8
    }
}

#masthead .main-menu>ul>li>a .icon-arrow-light-right {
    font-size: 16px;
    position: relative;
    top: -2px
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li>a .icon-arrow-light-right {
        font-size: 19px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li>a .icon-arrow-light-right {
        display: none
    }
}

#masthead .main-menu>ul>li>button {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li>button {
        width: 36px;
        height: 36px;
        font-size: 18px;
        line-height: 36px;
        left: 44px;
        top: -5px
    }
}

#masthead .main-menu>ul>li>button:hover {
    color: #fc3;
    border-color: #fc3
}

#masthead .main-menu>ul>li>ul>li:first-child {
    text-transform: uppercase
}

@media screen and (max-width: 1099px) {
    #masthead .main-menu>ul>li>ul>li:first-child {
        display: none
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li>ul>li:first-child .icon-arrow-light-right {
        font-size: 25px;
        top: 0;
        margin-left: -3px
    }
}

#masthead .main-menu>ul>li ul {
    padding-top: 6px;
    margin-bottom: 35px
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul {
        padding-left: 128px;
        padding-right: 128px
    }
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li ul {
        padding-top: 8px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul {
        background: rgba(0, 51, 102, 0.95);
        -webkit-columns: 2;
        columns: 2;
        padding-top: 26px;
        -webkit-column-gap: 0px;
        column-gap: 0px;
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        padding-top: 153px;
        padding-bottom: 81px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid-column;
        page-break-inside: avoid;
        padding-right: 50px;
        padding-bottom: 9px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul li:first-child {
        position: absolute;
        top: 82px;
        left: 128px
    }
}

#masthead .main-menu>ul>li ul li:first-child>h2 {
    margin: 0
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul li:first-child>h2 a {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        letter-spacing: 1.5px
    }
}

#masthead .main-menu>ul>li ul a {
    font-weight: normal;
    display: block;
    padding: 7px 0;
    font-size: 16px;
    color: #f4f4f4;
    letter-spacing: 0.67px;
    text-align: left;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -2px 0 transparent;
    box-shadow: inset 0 -2px 0 transparent
}

@media screen and (min-width: 700px) {
    #masthead .main-menu>ul>li ul a {
        font-size: 20px;
        padding-bottom: 8px
    }
}

@media screen and (min-width: 1100px) {
    #masthead .main-menu>ul>li ul a {
        font-size: 22px;
        font-size: 1.375rem;
        padding: 6px 0 5px;
        display: inline
    }
}

#masthead .main-menu>ul>li ul a:hover {
    color: #fc3;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -2px 0 #fc3;
    box-shadow: inset 0 -2px 0 #fc3
}

#masthead #search-control .search-container {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 4
}

@media screen and (min-width: 700px) {
    #masthead #search-control .search-container {
        top: 68px
    }
}

@media screen and (min-width: 1100px) {
    #masthead #search-control .search-container {
        max-width: 600px;
        left: auto;
        right: 0;
        top: 81px
    }
}

#masthead #search-control .search-container #header-search {
    margin-top: 0;
    margin-bottom: 0;
    background-color: rgba(0, 51, 102, 0.95);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    padding: 12px 10px;
    position: relative;
    padding-right: 50px
}

@media screen and (min-width: 700px) {
    #masthead #search-control .search-container #header-search {
        padding: 44px 85px
    }
}

#masthead #search-control .search-container #search-field {
    margin-bottom: 0;
    height: 50px;
    width: 100%;
    opacity: 0;
    border-radius: 2px !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important
}

#masthead #search-control .search-container #close-header-search {
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: rgba(255, 255, 255, 0.7);
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    z-index: 1
}

@media screen and (max-width: 699px) {
    #masthead #search-control .search-container #close-header-search {
        display: none
    }
}

@media screen and (min-width: 700px) {
    #masthead #search-control .search-container #close-header-search {
        left: 37px
    }
}

#masthead #search-control .search-container button[type="submit"] {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    opacity: 0;
    min-width: 0;
    padding: 0
}

@media screen and (min-width: 700px) {
    #masthead #search-control .search-container button[type="submit"] {
        right: 37px
    }
}

#masthead #search-control .toggled-on+.search-container {
    display: block;
    -webkit-animation: fade-in 0.1s ease forwards;
    animation: fade-in 0.1s ease forwards
}

#masthead #search-control .toggled-on+.search-container #search-field {
    -webkit-animation: fade-in 0.1s 0.1s ease forwards;
    animation: fade-in 0.1s 0.1s ease forwards
}

#masthead #search-control .toggled-on+.search-container button[type="submit"] {
    -webkit-animation: fade-in 0.1s 0.2s ease forwards;
    animation: fade-in 0.1s 0.2s ease forwards
}

#masthead.is-active,
#masthead.header-active,
.header-wrapper.sticky #masthead {
    background-color: #fff
}

#masthead.is-active .logo .white,
#masthead.header-active .logo .white,
.header-wrapper.sticky #masthead .logo .white {
    display: none;
    opacity: 0
}

#masthead.is-active .logo .color,
#masthead.header-active .logo .color,
.header-wrapper.sticky #masthead .logo .color {
    display: block;
    opacity: 1
}

#masthead.is-active #header-cta,
#masthead.header-active #header-cta,
.header-wrapper.sticky #masthead #header-cta {
    border-color: #007EA8;
    color: #007EA8
}

#masthead.is-active #header-cta:hover,
#masthead.header-active #header-cta:hover,
.header-wrapper.sticky #masthead #header-cta:hover {
    border-color: #fc3;
    color: #000
}

#masthead.is-active #search-control #toggle-search,
#masthead.is-active #main-menu-toggle,
#masthead.header-active #search-control #toggle-search,
.header-wrapper.sticky #masthead #search-control #toggle-search,
#masthead.header-active #main-menu-toggle,
.header-wrapper.sticky #masthead #main-menu-toggle {
    border-color: #036;
    color: #036
}

#masthead.is-active #search-control #toggle-search:hover,
#masthead.is-active #main-menu-toggle:hover,
#masthead.header-active #search-control #toggle-search:hover,
.header-wrapper.sticky #masthead #search-control #toggle-search:hover,
#masthead.header-active #main-menu-toggle:hover,
.header-wrapper.sticky #masthead #main-menu-toggle:hover {
    border-color: #007EA8;
    color: #007EA8
}

#masthead.is-active #search-control #toggle-search.toggled-on,
#masthead.is-active #main-menu-toggle.toggled-on,
#masthead.header-active #search-control #toggle-search.toggled-on,
.header-wrapper.sticky #masthead #search-control #toggle-search.toggled-on,
#masthead.header-active #main-menu-toggle.toggled-on,
.header-wrapper.sticky #masthead #main-menu-toggle.toggled-on {
    color: #fff
}

@media screen and (min-width: 1100px) {

    #masthead.is-active #header-menu-cta .header-menu-cta-toggle,
    #masthead.is-active .main-menu>ul>li>a,
    #masthead.header-active #header-menu-cta .header-menu-cta-toggle,
    .header-wrapper.sticky #masthead #header-menu-cta .header-menu-cta-toggle,
    #masthead.header-active .main-menu>ul>li>a,
    .header-wrapper.sticky #masthead .main-menu>ul>li>a {
        color: #036
    }
}

@media screen and (min-width: 1100px) {

    #masthead.is-active #header-menu-cta .header-menu-cta-toggle:hover,
    #masthead.is-active .main-menu>ul>li>a:hover,
    #masthead.header-active #header-menu-cta .header-menu-cta-toggle:hover,
    .header-wrapper.sticky #masthead #header-menu-cta .header-menu-cta-toggle:hover,
    #masthead.header-active .main-menu>ul>li>a:hover,
    .header-wrapper.sticky #masthead .main-menu>ul>li>a:hover {
        color: #007EA8
    }
}

.goog-te-menu-value {
    display: none
}

#google_translate_element .goog-te-gadget {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    white-space: nowrap
}

#google_translate_element .goog-te-gadget .goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
    font-size: !important;
    padding: 7px 0
}

#google_translate_element .goog-te-gadget .goog-te-gadget-icon {
    display: none
}

#google_translate_element .goog-te-gadget .goog-te-menu-value span:nth-child(n+2) {
    display: none !important
}

#google_translate_element .goog-te-gadget img {
    display: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #masthead #header-menu-cta .header-menu-cta-content .callout {
        opacity: 1 !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

body.section-nav-open {
    overflow: hidden
}

body.section-nav-open #section-nav-overlay {
    opacity: 0.41;
    width: 100%;
    height: 100vh
}

#section-nav-overlay {
    background-color: #036;
    opacity: 0;
    position: absolute;
    top: 68px;
    left: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media screen and (max-width: 699px) {
    #section-nav-overlay {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    #section-nav-overlay {
        top: 81px
    }
}

.section-navigation-wrapper {
    color: #fff
}

.section-navigation-wrapper:before,
.section-navigation-wrapper:after {
    content: " ";
    display: table
}

.section-navigation-wrapper:after {
    clear: both
}

@media screen and (min-width: 700px) {
    .section-navigation-wrapper {
        background-color: rgba(58, 58, 58, 0.7)
    }
}

@media screen and (min-width: 1024px) {
    .section-navigation-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.section-navigation {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    .section-navigation {
        position: relative
    }

    .section-navigation:before,
    .section-navigation:after {
        content: " ";
        display: table
    }

    .section-navigation:after {
        clear: both
    }
}

@media screen and (max-width: 699px) {
    .section-navigation {
        width: 100%
    }
}

.section-navigation.expanded {
    color: #007EA8
}

.section-navigation.expanded #section-nav-toggle {
    background-color: #fff;
    color: #007EA8
}

.section-navigation.expanded #section-nav-toggle .icon-section-expand:before {
    content: "\e90a"
}

.section-navigation.expanded .section-nav-wrapper {
    -webkit-animation: slide-right 0.3s ease forwards;
    animation: slide-right 0.3s ease forwards
}

.section-navigation #section-nav-toggle {
    font-size: 12px;
    font-size: .75rem;
    background: rgba(0, 0, 0, 0.54);
    color: #fff;
    position: relative;
    padding-right: 30px;
    padding-left: 10px;
    text-align: left;
    height: 52px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    z-index: 2
}

@media screen and (min-width: 700px) {
    .section-navigation #section-nav-toggle {
        border-right: 1px solid #3d3d3d;
        min-width: 227px
    }
}

@media screen and (min-width: 1024px) {
    .section-navigation #section-nav-toggle {
        min-width: 240px;
        padding-left: 15px;
        text-align: center;
        padding-right: 42px
    }
}

@media screen and (max-width: 699px) {
    .section-navigation #section-nav-toggle {
        width: 100%
    }
}

.section-navigation #section-nav-toggle .icon-section-expand {
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (min-width: 1024px) {
    .section-navigation #section-nav-toggle .icon-section-expand {
        font-size: 12px;
        right: 23px
    }
}

.section-navigation .section-nav-wrapper {
    display: none;
    padding-left: 10px;
    padding-right: 0;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-animation: slide-left 0.7s forwards;
    animation: slide-left 0.7s forwards
}

@media screen and (min-width: 700px) {
    .section-navigation .section-nav-wrapper {
        position: absolute;
        top: 52px;
        left: -100%;
        z-index: 4000;
        width: 389px;
        padding-left: 45px;
        padding-right: 0
    }
}

.section-navigation .section-nav-wrapper .toggle {
    position: absolute;
    left: -21px;
    top: 6px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.section-navigation .section-nav-wrapper ul.section-nav {
    height: 100vh;
    padding-bottom: 123px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin-right: -17px;
    padding-left: 0;
    margin-top: 21px
}

@media screen and (min-width: 700px) {
    .section-navigation .section-nav-wrapper ul.section-nav {
        padding-bottom: 141px
    }
}

@media screen and (min-width: 1024px) {
    .section-navigation .section-nav-wrapper ul.section-nav {
        padding-bottom: 153px
    }
}

.section-navigation .section-nav-wrapper ul.section-nav a {
    letter-spacing: 0.59px;
    display: block;
    color: #007EA8
}

.section-navigation .section-nav-wrapper ul.section-nav a:hover {
    text-decoration: underline
}

.section-navigation .section-nav-wrapper ul.section-nav>li>a {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 0
}

@media screen and (min-width: 700px) {
    .section-navigation .section-nav-wrapper ul.section-nav>li>a {
        font-size: 16px;
        font-size: 1rem
    }
}

.section-navigation .section-nav-wrapper ul.section-nav>li>ul {
    padding-left: 15px
}

.section-navigation .section-nav-wrapper ul.section-nav>li>ul>li>a {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    padding: 4px 0
}

@media screen and (min-width: 700px) {
    .section-navigation .section-nav-wrapper ul.section-nav>li>ul>li>a {
        font-size: 16px;
        font-size: 1rem
    }
}

.section-navigation .section-nav-wrapper ul.section-nav>li>ul>li>ul {
    padding-left: 27px
}

.section-navigation .section-nav-wrapper ul.section-nav>li>ul>li>ul>li>a {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    text-transform: initial;
    padding: 4px 0
}

@media screen and (min-width: 700px) {
    .section-navigation .section-nav-wrapper ul.section-nav>li>ul>li>ul>li>a {
        font-size: 16px;
        font-size: 1rem
    }
}

.section-navigation .section-nav-wrapper ul.section-nav li {
    list-style: none;
    position: relative
}

.section-navigation .section-nav-wrapper ul.section-nav li.current-page>a {
    color: #000;
    text-decoration: underline
}

.bread-crumbs {
    padding-left: 30px;
    z-index: 2
}

@media screen and (max-width: 1023px) {
    .bread-crumbs {
        display: none
    }
}

.bread-crumbs ul {
    margin: 0;
    padding-left: 0;
    margin-top: 9px
}

.bread-crumbs ul li {
    list-style: none;
    display: inline-block
}

.bread-crumbs a {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0.5px
}

.bread-crumbs a:hover {
    opacity: 0.65
}

.bread-crumbs a .icon-arrow-breadcrumb {
    font-size: 8px;
    margin-right: 14px;
    margin-left: 14px
}

#our-stories-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-x: scroll;
    z-index: 6000
}

@media screen and (min-width: 700px) {
    #our-stories-modal {
        padding-top: 90px;
        padding-bottom: 99px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal {
        padding-top: 156px;
        padding-bottom: 125px;
        padding-left: 70px;
        padding-right: 70px
    }
}

#our-stories-modal:before {
    content: '';
    display: block;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 700px) {
    #our-stories-modal:before {
        background-color: rgba(1, 31, 62, 0.41)
    }
}

#our-stories-modal .container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container {
        background-color: #fff;
        border-radius: 5px;
        padding-left: 23px;
        padding-right: 23px;
        text-align: center
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container {
        padding-left: 47px;
        padding-right: 47px
    }
}

#our-stories-modal .container h2 {
    font-size: 28px;
    font-size: 1.75rem;
    color: #036;
    padding-left: 10px;
    margin-top: 18px;
    letter-spacing: 1.17px
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container h2 {
        font-size: 44px;
        font-size: 2.75rem;
        text-align: center;
        margin-top: 37px;
        margin-bottom: 31px
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container h2 {
        font-size: 64px;
        font-size: 4rem;
        margin-top: 43px;
        margin-bottom: 41px
    }
}

#our-stories-modal .container>.button {
    margin-top: 30px;
    margin-bottom: 40px;
    display: inline-block;
    min-width: 160px;
    font-weight: 500
}

@media screen and (max-width: 699px) {
    #our-stories-modal .container>.button {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container>.button {
        margin-bottom: 50px
    }
}

#our-stories-modal .container #close-stories {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 1px;
    border: 1px solid #036
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container #close-stories {
        top: 39px;
        right: 26px
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container #close-stories {
        width: 44px;
        height: 44px;
        top: 55px;
        right: 57px
    }
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container .our-stories-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#our-stories-modal .container .story {
    background-color: #036;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: none;
    border: 4px solid #fff;
    border-radius: 5px;
    position: relative;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container .story {
        width: calc(50% - 6px);
        margin-bottom: 6px;
        margin-left: 3px;
        margin-right: 3px
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container .story {
        width: calc(33.33% - 6px)
    }
}

#our-stories-modal .container .story.active {
    border-color: #007EA8
}

#our-stories-modal .container .story.active:before {
    opacity: 1
}

#our-stories-modal .container .story.active p {
    opacity: 1
}

#our-stories-modal .container .story.active .icon-quote-outline:after {
    color: #fc3
}

#our-stories-modal .container .story.active .button {
    background-color: #fc3 !important;
    border-color: #fc3 !important;
    color: #000 !important
}

@media screen and (min-width: 700px) {

    #our-stories-modal .container .story:hover,
    #our-stories-modal .container .story:focus {
        border-color: #007EA8
    }

    #our-stories-modal .container .story:hover:before,
    #our-stories-modal .container .story:focus:before {
        opacity: 1
    }

    #our-stories-modal .container .story:hover p,
    #our-stories-modal .container .story:focus p {
        opacity: 1
    }

    #our-stories-modal .container .story:hover .icon-quote-outline:after,
    #our-stories-modal .container .story:focus .icon-quote-outline:after {
        color: #fc3
    }

    #our-stories-modal .container .story:hover .button,
    #our-stories-modal .container .story:focus .button {
        background-color: #fc3 !important;
        border-color: #fc3 !important;
        color: #000 !important
    }
}

#our-stories-modal .container .story:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 699px) {
    #our-stories-modal .container .story:before {
        opacity: 1
    }
}

@media screen and (min-width: 700px) {
    #our-stories-modal .container .story:hover {
        border-color: #007EA8
    }
}

#our-stories-modal .container .story .content {
    position: relative;
    z-index: 1;
    min-height: 188px;
    overflow: hidden;
    padding-left: 11px;
    padding-right: 11px;
    text-align: center;
    padding-bottom: 88px;
    height: 100%
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container .story .content {
        min-height: 300px
    }
}

#our-stories-modal .container .story .content button {
    position: absolute;
    left: 18px;
    bottom: 23px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#our-stories-modal .container .story .content .icon-quote-outline {
    font-size: 25px;
    color: #fff
}

#our-stories-modal .container .story .content .icon-quote-outline:hover:after {
    color: #fc3
}

#our-stories-modal .container .story .content .icon-quote-outline:after {
    content: "\e90f";
    color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#our-stories-modal .container .story p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.37;
    margin-top: 39px;
    margin-bottom: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0
}

@media screen and (max-width: 699px) {
    #our-stories-modal .container .story p {
        opacity: 1
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container .story p {
        font-size: 22px;
        font-size: 1.375rem;
        margin-top: 55px
    }
}

#our-stories-modal .container .story .button {
    position: absolute;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 0;
    padding: 11px 23px 9px;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container .story .button {
        bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    #our-stories-modal .container .story button {
        display: none
    }
}

body.our-story-active {
    position: relative;
    overflow: hidden
}

body.our-story-active #our-stories-modal {
    display: block;
    -webkit-animation: fade-in 0.3s ease forwards;
    animation: fade-in 0.3s ease forwards
}

body.home button#scroll-indicator {
    display: block;
    margin: 0;
    padding: 0;
    width: 27px;
    height: 43px;
    border: 3px solid #fc3;
    position: absolute;
    bottom: 37px;
    left: 50%;
    -webkit-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
    border-radius: 76%/43%;
    opacity: 0;
    -webkit-animation: fade-in 0.3s 3s ease forwards;
    animation: fade-in 0.3s 3s ease forwards
}

@media screen and (max-width: 1023px) {
    body.home button#scroll-indicator {
        display: none
    }
}

body.home button#scroll-indicator .positioner {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}

body.home button#scroll-indicator .positioner .indicator {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #fc3;
    position: absolute;
    left: 50%;
    top: 5px;
    -webkit-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
    border-radius: 50%;
    -webkit-animation: top-to-bottom 2s 3s ease infinite;
    animation: top-to-bottom 2s 3s ease infinite
}

body.home header {
    position: relative
}

body.home header.ambient-video video {
    width: 100%;
    height: auto
}

body.home header.static {
    padding-bottom: 66%;
    background-size: cover;
    background-color: #036;
    background-position: center
}

@media screen and (min-width: 1024px) {
    body.home header.static {
        padding-bottom: 57%
    }
}

@media screen and (max-width: 699px) {
    body.home header.static {
        padding-bottom: 0;
        background-image: none !important
    }
}

body.home header.static .mobile {
    padding-bottom: 86%;
    background-size: cover;
    background-position: center
}

@media screen and (min-width: 700px) {
    body.home header.static .mobile {
        padding-bottom: 0;
        background-image: none !important
    }
}

body.home header.static h1 {
    font-size: 42px;
    font-size: 2.625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 0.9;
    text-shadow: 0 5px 40px rgba(0, 0, 0, 0.5)
}

@media screen and (min-width: 700px) {
    body.home header.static h1 {
        font-size: 78px;
        font-size: 4.875rem;
        padding-left: 100px;
        padding-right: 100px;
        margin-bottom: 48px
    }
}

@media screen and (min-width: 1024px) {
    body.home header.static h1 {
        font-size: 96px;
        font-size: 6rem;
        bottom: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 800px;
        padding: 0
    }
}

body.home header.static h1 a {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

body.home header.static h1 a:before {
    display: none
}

body.home header.static h1 a:hover {
    color: #fc3;
    text-decoration: none;
    background-color: transparent
}

body.home header.static h1 a:hover .icon-arrow-right {
    background-color: #fc3
}

body.home header.static h1 a .icon-arrow-right {
    color: #036;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    body.home header.static h1 a .icon-arrow-right {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }
}

@media screen and (min-width: 1024px) {
    body.home header.static h1 a .icon-arrow-right {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 25px
    }
}

section.welcome-to {
    position: relative;
    text-align: center;
    overflow: hidden
}

section.welcome-to:before,
section.welcome-to:after {
    content: " ";
    display: table
}

section.welcome-to:after {
    clear: both
}

section.welcome-to:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 22%;
    height: 100%;
    background: #fc3;
    -webkit-transform: skewX(-9deg);
    transform: skewX(-9deg);
    opacity: 0;
    right: -50%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (min-width: 1024px) {
    section.welcome-to:before {
        width: 26%
    }
}

section.welcome-to .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: center top no-repeat url(images/welcome-bg.png);
    background-size: contain
}

section.welcome-to .container {
    position: relative;
    z-index: 1;
    padding-top: 29px;
    padding-bottom: 35px
}

@media screen and (min-width: 700px) {
    section.welcome-to .container {
        padding-top: 39px;
        padding-bottom: 51px
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .container {
        padding-top: 84px;
        padding-bottom: 112px
    }
}

section.welcome-to h2 {
    font-size: 28px;
    font-size: 1.75rem;
    color: #000
}

@media screen and (min-width: 700px) {
    section.welcome-to h2 {
        font-size: 48px;
        font-size: 3rem;
        margin-bottom: 41px
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to h2 {
        font-size: 72px;
        font-size: 4.5rem;
        margin-bottom: 74px
    }
}

section.welcome-to h2 span {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    margin-bottom: 7px
}

@media screen and (min-width: 700px) {
    section.welcome-to h2 span {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to h2 span {
        font-size: 40px;
        font-size: 2.5rem
    }
}

section.welcome-to .two-col-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    section.welcome-to .two-col-grid {
        margin-left: -4px;
        margin-right: -4px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

section.welcome-to .grid {
    margin-bottom: 8px;
    color: #fff;
    position: relative;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    border-radius: 2px
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid {
        width: calc(50% - 8px);
        margin: 0 4px 8px
    }
}

section.welcome-to .grid:nth-child(1) {
    background-color: rgba(0, 51, 102, 0.9)
}

section.welcome-to .grid:nth-child(2) {
    background-color: #007EA8
}

@media screen and (max-width: 1023px) {
    section.welcome-to .grid:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

section.welcome-to .grid:nth-child(3) {
    background-color: #007EA8
}

@media screen and (max-width: 1023px) {
    section.welcome-to .grid:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

section.welcome-to .grid:nth-child(4) {
    background-color: #007EA8;
    background-color: rgba(0, 51, 102, 0.9)
}

@media screen and (max-width: 1023px) {
    section.welcome-to .grid:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

section.welcome-to .grid:hover,
section.welcome-to .grid.active {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    z-index: 5000
}

section.welcome-to .grid:hover .image-overlay,
section.welcome-to .grid.active .image-overlay {
    opacity: 1
}

section.welcome-to .grid:hover .content,
section.welcome-to .grid.active .content {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

section.welcome-to .grid .image-overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background-color: #007EA8;
    background-blend-mode: multiply
}

section.welcome-to .grid .content {
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    padding: 25px 25px 24px
}

section.welcome-to .grid .content:before,
section.welcome-to .grid .content:after {
    content: " ";
    display: table
}

section.welcome-to .grid .content:after {
    clear: both
}

@media screen and (min-width: 700px) {
    section.welcome-to .grid .content {
        padding: 25px 30px 28px;
        min-height: 120px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid .content {
        min-height: 300px;
        padding-bottom: 90px;
        padding-top: 67px;
        display: block
    }
}

section.welcome-to .grid h3 {
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 0.66px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px
}

@media screen and (min-width: 700px) {
    section.welcome-to .grid h3 {
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 0.87px;
        float: left;
        max-width: calc(100% - 270px);
        text-align: left;
        margin-bottom: 0;
        line-height: 1.2
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid h3 {
        font-size: 24px;
        font-size: 1.5rem;
        max-width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 65px;
        max-width: 351px;
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 1.05px
    }
}

section.welcome-to .grid a.button {
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 0.53px;
    font-weight: 500;
    display: block;
    max-width: 250px;
    margin: 0 auto
}

@media screen and (min-width: 700px) {
    section.welcome-to .grid a.button {
        width: 221px;
        letter-spacing: 0;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid a.button {
        font-size: 16px;
        font-size: 1rem;
        width: 321px;
        left: 50%;
        top: auto;
        bottom: 36px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin: 0 auto;
        max-width: 321px
    }
}

section.welcome-to .grid a.button:hover {
    background-color: #fc3;
    border-color: #fc3;
    color: #000;
    text-decoration: none
}

section.welcome-to .grid a.button .desktop {
    display: none
}

section.welcome-to .grid .career-select {
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    max-width: 250px;
    margin: 0 auto
}

@media screen and (min-width: 700px) {
    section.welcome-to .grid .career-select {
        width: 241px;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid .career-select {
        width: 321px;
        left: 50%;
        top: auto;
        bottom: 36px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin: 0 auto;
        max-width: 321px
    }
}

section.welcome-to .grid .career-select button.toggle {
    font-size: 12px;
    font-size: .75rem;
    width: 100%;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 7px 10px 8px;
    max-width: 100%;
    height: 46px;
    letter-spacing: 0.53px
}

@media screen and (min-width: 700px) {
    section.welcome-to .grid .career-select button.toggle {
        height: 44px
    }
}

@media screen and (min-width: 1024px) {
    section.welcome-to .grid .career-select button.toggle {
        font-size: 16px;
        font-size: 1rem;
        height: 57px
    }
}

section.welcome-to .grid .career-select button.toggle .icon-arrow-round-down {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 7px
}

section.welcome-to .grid .career-select button.toggle.toggled-on+ul {
    display: block
}

section.welcome-to .grid .career-select ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    text-align: left;
    z-index: 2;
    margin: 0 !important;
    padding-left: 0 !important;
    display: none
}

section.welcome-to .grid .career-select ul li {
    list-style: none;
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

section.welcome-to .grid .career-select ul li:before {
    display: none
}

section.welcome-to .grid .career-select ul a {
    color: #036;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    display: block;
    padding: 5px 15px
}

section.step-inside {
    position: relative
}

section.step-inside:before,
section.step-inside:after {
    content: " ";
    display: table
}

section.step-inside:after {
    clear: both
}

@media screen and (min-width: 1024px) {
    section.step-inside {
        background-image: none !important
    }
}

@media screen and (max-width: 1023px) {
    section.step-inside {
        background-size: cover;
        background-position: center;
        background-color: #036
    }
}

section.step-inside .skrollr-bg {
    background-color: #036;
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute
}

@media screen and (max-width: 1023px) {
    section.step-inside .skrollr-bg {
        display: none
    }
}

section.step-inside .overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

@media screen and (min-width: 1024px) {
    section.step-inside.animate .container {
        opacity: 1
    }
}

section.step-inside .container {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 57px
}

@media screen and (min-width: 700px) {
    section.step-inside .container {
        padding-top: 99px;
        padding-bottom: 148px
    }
}

@media screen and (min-width: 1024px) {
    section.step-inside .container {
        padding-top: 138px;
        padding-bottom: 178px;
        opacity: 0;
        -webkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out
    }
}

section.step-inside .container h2 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 12px;
    color: #fff
}

@media screen and (min-width: 700px) {
    section.step-inside .container h2 {
        font-size: 52px;
        font-size: 3.25rem;
        margin-bottom: 14px
    }
}

@media screen and (min-width: 1024px) {
    section.step-inside .container h2 {
        font-size: 64px;
        font-size: 4rem;
        margin-bottom: 12px;
        letter-spacing: -1.12px
    }
}

section.step-inside .container p {
    margin-bottom: 32px;
    max-width: 100% !important
}

@media screen and (min-width: 700px) {
    section.step-inside .container p {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 49px;
        margin-top: 8px
    }
}

@media screen and (min-width: 1024px) {
    section.step-inside .container p {
        font-size: 26px;
        font-size: 1.625rem;
        margin-bottom: 66px
    }
}

section.step-inside .container a.button {
    display: block;
    margin-bottom: 8px;
    max-width: 240px;
    margin: 0 auto 8px;
    width: 100%
}

@media screen and (min-width: 700px) {
    section.step-inside .container a.button {
        display: inline-block;
        max-width: 180px;
        margin-left: 8px;
        margin-right: 8px
    }
}

@media screen and (min-width: 1024px) {
    section.step-inside .container a.button {
        max-width: 100%;
        width: 260px;
        margin-left: 12px;
        margin-right: 12px;
        padding: 15px 10px 11px
    }
}

section.our-stories-block {
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    section.our-stories-block {
        margin-bottom: 25px
    }
}

section.our-stories-block>.container {
    padding-top: 7px
}

@media screen and (min-width: 700px) {
    section.our-stories-block>.container {
        padding-top: 2px
    }
}

section.our-stories-block>.container>p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.our-stories-block>.container>p {
        line-height: 1.65
    }
}

section.our-stories-block h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.our-stories-block h2 {
        margin-bottom: 23px
    }
}

section.our-stories-block .our-stories {
    margin-top: 23px
}

@media screen and (min-width: 1024px) {
    section.our-stories-block .our-stories {
        margin-top: 30px
    }
}

section.our-stories-block .our-stories>.container {
    padding-top: 248px
}

@media screen and (min-width: 700px) {
    section.our-stories-block .our-stories>.container {
        padding-bottom: 169px;
        padding-top: 130px
    }
}

@media screen and (min-width: 1024px) {
    section.our-stories-block .our-stories>.container {
        padding-top: 151px;
        padding-bottom: 182px
    }
}

@media screen and (min-width: 700px) {
    section.our-stories-block .our-stories>.container p {
        max-width: 300px;
        margin-bottom: 41px
    }
}

@media screen and (min-width: 1024px) {
    section.our-stories-block .our-stories>.container p {
        max-width: 367px;
        margin-bottom: 83px
    }
}

.our-stories {
    background-color: #036;
    position: relative;
    background-size: cover;
    background-position: center;
    margin-top: 12px
}

.our-stories:before,
.our-stories:after {
    content: " ";
    display: table
}

.our-stories:after {
    clear: both
}

@media screen and (min-width: 700px) {
    .our-stories {
        margin-top: 21px
    }
}

.our-stories .overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

@media screen and (min-width: 1024px) {
    .our-stories .overlay {
        opacity: 0.52;
        background-image: linear-gradient(-111deg, rgba(44, 44, 44, 0.9) 0%, rgba(44, 44, 44, 0.1) 56%)
    }
}

.our-stories .container {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding-top: 206px;
    padding-bottom: 20px
}

@media screen and (min-width: 700px) {
    .our-stories .container {
        text-align: left;
        padding-top: 98px;
        padding-bottom: 128px
    }
}

@media screen and (min-width: 1024px) {
    .our-stories .container {
        padding-top: 120px;
        padding-bottom: 150px
    }
}

.our-stories .container h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 6px;
    color: #fff
}

@media screen and (min-width: 700px) {
    .our-stories .container h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {
    .our-stories .container h2 {
        font-size: 40px;
        font-size: 2.5rem;
        margin-bottom: 23px;
        letter-spacing: -0.7px
    }
}

.our-stories .container p {
    margin-bottom: 22px;
    margin-top: 6px;
    line-height: 1.4
}

@media screen and (min-width: 700px) {
    .our-stories .container p {
        font-size: 20px;
        font-size: 1.25rem;
        max-width: 380px;
        line-height: 1.55;
        margin-bottom: 70px
    }
}

@media screen and (min-width: 1024px) {
    .our-stories .container p {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.4;
        margin-bottom: 87px;
        letter-spacing: -0.25px
    }
}

.our-stories .container .button {
    display: block;
    margin-bottom: 8px;
    max-width: 240px;
    margin: 0 auto 8px;
    width: 100%
}

@media screen and (min-width: 700px) {
    .our-stories .container .button {
        max-width: 100%;
        width: auto;
        margin-left: 0;
        padding: 7px 10px 5px
    }
}

@media screen and (min-width: 1024px) {
    .our-stories .container .button {
        padding: 14px 18px 10px
    }
}

.our-stories .container .button .icon-light-expand {
    margin-right: 13px
}

section.all-are-welcome {
    position: relative;
    overflow: hidden
}

section.all-are-welcome:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 22%;
    height: 100%;
    background: #007EA8;
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg);
    opacity: 0;
    left: -50%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (max-width: 699px) {
    section.all-are-welcome:before {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome:before {
        width: 26%
    }
}

section.all-are-welcome .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: center top no-repeat url(images/campus-center.png);
    background-size: cover
}

@media screen and (max-width: 699px) {
    section.all-are-welcome .overlay {
        background-image: none
    }
}

section.all-are-welcome .container {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 43px;
    padding-bottom: 44px
}

@media screen and (max-width: 699px) {
    section.all-are-welcome .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 700px) {
    section.all-are-welcome .container {
        padding-top: 22px;
        padding-bottom: 84px
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome .container {
        padding-top: 87px;
        padding-bottom: 90px
    }
}

section.all-are-welcome h2 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 12px;
    font-weight: 900;
    letter-spacing: -0.53px;
    padding: 0 15px;
    color: #000
}

@media screen and (min-width: 700px) {
    section.all-are-welcome h2 {
        font-size: 52px;
        font-size: 3.25rem;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome h2 {
        font-size: 64px;
        font-size: 4rem;
        margin-bottom: 34px
    }
}

section.all-are-welcome .stat-container {
    position: relative;
    margin-bottom: 32px
}

@media screen and (min-width: 700px) {
    section.all-are-welcome .stat-container {
        margin-bottom: 38px
    }
}

section.all-are-welcome .stat-container .slick-track {
    margin-top: 1px
}

@media screen and (max-width: 699px) {
    section.all-are-welcome .stat-container .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

section.all-are-welcome .stat {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-top: -1px;
    padding: 30px 50px 5px
}

@media screen and (max-width: 699px) {
    section.all-are-welcome .stat {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 700px) {
    section.all-are-welcome .stat {
        padding: 18px 50px 3px
    }

    section.all-are-welcome .stat:before,
    section.all-are-welcome .stat:after {
        content: " ";
        display: table
    }

    section.all-are-welcome .stat:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome .stat {
        padding: 32px 50px 6px
    }
}

section.all-are-welcome .number {
    font-size: 65px;
    font-size: 4.0625rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #e1002a;
    line-height: 1
}

@media screen and (min-width: 700px) {
    section.all-are-welcome .number {
        float: left;
        width: 41%;
        text-align: right;
        padding-right: 10px
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome .number {
        font-size: 75px;
        font-size: 4.6875rem;
        width: 43%
    }
}

section.all-are-welcome p {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 6px;
    width: 100%
}

@media screen and (min-width: 700px) {
    section.all-are-welcome p {
        font-size: 22px;
        font-size: 1.375rem;
        float: left;
        width: 59%;
        text-align: left;
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 17px
    }
}

@media screen and (min-width: 1024px) {
    section.all-are-welcome p {
        font-size: 26px;
        font-size: 1.625rem;
        width: 57%;
        max-width: 331px;
        padding-left: 16px;
        line-height: 1.4
    }
}

section.all-are-welcome button.slick-prev {
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 23px;
    z-index: 2
}

section.all-are-welcome button.slick-next {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 23px;
    z-index: 2
}

section.jump-in {
    background-size: cover;
    background-position: center;
    overflow: hidden
}

@media screen and (min-width: 700px) {
    section.jump-in {
        padding-bottom: 53px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper {
        padding-bottom: 80px !important
    }
}

section.jump-in.active .blocks-wrapper {
    margin-bottom: 60px
}

@media screen and (min-width: 700px) {
    section.jump-in.active .blocks-wrapper {
        margin-bottom: 17px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in.active .blocks-wrapper {
        padding-bottom: 80px
    }
}

section.jump-in.active .blocks-wrapper .block-4 {
    display: block;
    -webkit-animation: fade-in-block 0.3s ease-out forwards;
    animation: fade-in-block 0.3s ease-out forwards
}

section.jump-in.active .blocks-wrapper .block-5 {
    display: block;
    -webkit-animation: fade-in-block 0.3s 0.1s ease-out forwards;
    animation: fade-in-block 0.3s 0.1s ease-out forwards
}

section.jump-in.active .blocks-wrapper .block-6 {
    display: block;
    -webkit-animation: fade-in-block 0.3s 0.2s ease-out forwards;
    animation: fade-in-block 0.3s 0.2s ease-out forwards
}

section.jump-in .container h2 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 12px;
    font-weight: 900;
    letter-spacing: -0.53px;
    padding: 0 15px;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 27px;
    color: #000
}

@media screen and (min-width: 700px) {
    section.jump-in .container h2 {
        font-size: 52px;
        font-size: 3.25rem;
        margin-bottom: 43px;
        margin-top: 110px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .container h2 {
        font-size: 64px;
        font-size: 4rem;
        margin-bottom: 45px;
        margin-top: 120px
    }
}

section.jump-in .blocks-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    section.jump-in .blocks-wrapper {
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 30px
    }

    section.jump-in .blocks-wrapper:before,
    section.jump-in .blocks-wrapper:after {
        content: " ";
        display: table
    }

    section.jump-in .blocks-wrapper:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper {
        padding-bottom: 0
    }
}

@media screen and (min-width: 700px) {
    section.jump-in .blocks-wrapper>div.block {
        -webkit-box-flex: .5;
        -webkit-flex: .5 .33 49.8%;
        -ms-flex: .5 .33 49.8%;
        flex: .5 .33 49.8%
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div.block {
        -webkit-box-flex: .3;
        -webkit-flex: .3 .25 33%;
        -ms-flex: .3 .25 33%;
        flex: .3 .25 33%
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div:nth-child(1) {
        position: relative;
        top: 50px
    }
}

@media screen and (min-width: 700px) {
    section.jump-in .blocks-wrapper>div:nth-child(2) {
        position: relative;
        top: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div:nth-child(2) {
        position: relative;
        top: 80px
    }
}

section.jump-in .blocks-wrapper>div:nth-child(4) {
    position: relative;
    display: none;
    opacity: 0
}

@media screen and (min-width: 700px) {
    section.jump-in .blocks-wrapper>div:nth-child(4) {
        top: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div:nth-child(4) {
        position: relative;
        top: 50px;
        display: block;
        opacity: 1
    }
}

section.jump-in .blocks-wrapper>div:nth-child(5) {
    position: relative;
    display: none;
    opacity: 0
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div:nth-child(5) {
        position: relative;
        top: 80px;
        display: block;
        opacity: 1
    }
}

section.jump-in .blocks-wrapper>div:nth-child(6) {
    position: relative;
    display: none;
    opacity: 0
}

@media screen and (min-width: 700px) {
    section.jump-in .blocks-wrapper>div:nth-child(6) {
        position: relative;
        top: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .blocks-wrapper>div:nth-child(6) {
        top: 0;
        display: block;
        opacity: 1
    }
}

section.jump-in .block {
    min-height: 320px;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 700px) {
    section.jump-in .block {
        width: 50%;
        float: left;
        min-height: 350px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .block {
        width: 33.33% !important;
        float: left !important;
        min-height: 426px
    }

    section.jump-in .block:before {
        content: '';
        float: left;
        padding-bottom: 100%
    }

    section.jump-in .block:after {
        content: '';
        display: table;
        clear: both
    }
}

section.jump-in .block .container {
    color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 12px;
    padding-bottom: 20px
}

@media screen and (min-width: 700px) {
    section.jump-in .block .container {
        padding-left: 23px;
        padding-right: 23px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .block .container {
        padding-left: 42px;
        padding-right: 35px;
        padding-top: 9px;
        padding-bottom: 36px
    }
}

section.jump-in .block .container h3 {
    text-transform: uppercase;
    margin-right: 95px;
    color: #fff
}

@media screen and (min-width: 700px) {
    section.jump-in .block .container h3 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .block .container h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

section.jump-in .block .container a {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

section.jump-in .block .container a:hover {
    background-color: transparent
}

section.jump-in .block .container .see-more {
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    right: 10px;
    top: 36px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    section.jump-in .block .container .see-more {
        right: 17px;
        top: 34px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .block .container .see-more {
        top: 47px
    }
}

section.jump-in .block .container .see-more:hover {
    color: #fc3
}

section.jump-in .block .container .see-more span.icon-arrow-light-right {
    font-size: 12px;
    margin-right: 2px
}

section.jump-in .block .button {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 240px;
    text-align: center
}

@media screen and (min-width: 700px) {
    section.jump-in .block .button {
        width: auto;
        padding: 9px 16px 6px;
        white-space: nowrap;
        bottom: 40px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .block .button {
        padding: 14px 36px 12px;
        bottom: 60px
    }
}

section.jump-in .events {
    background-color: #007EA8
}

@media screen and (min-width: 700px) {
    section.jump-in .events {
        width: 50%;
        float: right
    }
}

@media screen and (min-width: 700px) {
    section.jump-in .events .container {
        padding-left: 33px;
        padding-right: 33px;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .events .container {
        padding-left: 40px
    }
}

section.jump-in .events .event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 25px
}

@media screen and (min-width: 1024px) {
    section.jump-in .events .event {
        margin-bottom: 33px
    }
}

section.jump-in .events .event .date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    border-right: 1px solid #fff;
    margin-right: -1px
}

@media screen and (min-width: 700px) {
    section.jump-in .events .event .date {
        width: 59px
    }
}

section.jump-in .events .event .date .month {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.57px
}

@media screen and (min-width: 1024px) {
    section.jump-in .events .event .date .month {
        font-size: 14px;
        font-size: .875rem;
        font-weight: 500;
        margin-bottom: 4px
    }
}

section.jump-in .events .event .date .day {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 900;
    letter-spacing: 0.46px
}

@media screen and (min-width: 1024px) {
    section.jump-in .events .event .date .day {
        font-size: 34px;
        font-size: 2.125rem;
        letter-spacing: 0.61px
    }
}

section.jump-in .events .event .meta {
    font-size: 14px;
    font-size: .875rem;
    border-left: 1px solid #fff;
    color: #fff;
    padding-left: 11px;
    letter-spacing: 0.25px;
    line-height: 1.5
}

@media screen and (min-width: 700px) {
    section.jump-in .events .event .meta {
        padding-left: 20px
    }
}

section.jump-in .events .event .meta .event-link {
    font-weight: 900;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 1024px) {
    section.jump-in .events .event .meta .event-link {
        font-size: 16px;
        font-size: 1rem
    }
}

section.jump-in .events .event .meta .event-link:hover {
    color: #fc3
}

section.jump-in .events .event .meta .event-link .icon-arrow-light-right {
    font-size: 9px
}

section.jump-in .events .event .meta .time {
    color: #fdffdb;
    display: block
}

section.jump-in .events .event .meta .location {
    display: block
}

section.jump-in .instagram {
    position: relative
}

section.jump-in .instagram a.image {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-size: cover;
    background-position: center;
    position: absolute
}

section.jump-in .instagram a.image:hover {
    background-color: transparent
}

section.jump-in .instagram .instagram-link {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e1002a;
    color: #fff;
    display: block;
    z-index: 2;
    line-height: 50%;
    text-align: center;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media screen and (min-width: 700px) {
    section.jump-in .instagram .instagram-link {
        left: 21px;
        top: 21px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .instagram .instagram-link {
        left: 29px;
        top: 29px
    }
}

section.jump-in .instagram .instagram-link:before {
    display: none
}

section.jump-in .instagram .instagram-link:hover {
    text-decoration: none
}

section.jump-in .instagram .instagram-link span.icon-instagram {
    vertical-align: middle;
    line-height: 50px;
    font-size: 28px
}

section.jump-in .instagram a.instagram_image {
    padding-bottom: 100%;
    min-height: 320px;
    display: block;
    background-size: cover;
    background-position: center
}

section.jump-in .button-block {
    margin-top: 35px;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

@media screen and (min-width: 700px) {
    section.jump-in .button-block {
        position: relative;
        padding-bottom: 50%;
        background-color: rgba(0, 0, 0, 0.2);
        float: right;
        width: 50%;
        margin-top: 0;
        top: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in .button-block {
        float: none;
        width: 100%;
        overflow: hidden;
        clear: both;
        padding-bottom: 0;
        background-color: transparent;
        top: auto;
        margin-top: 80px;
        display: none !important
    }
}

section.jump-in #jump-in-addition {
    clear: both;
    overflow: hidden
}

section.jump-in #jump-in-addition .block {
    background-size: cover;
    position: relative;
    background-position: center;
    margin-bottom: 0 !important
}

@media screen and (min-width: 1024px) {
    section.jump-in #jump-in-addition .block:nth-child(1) {
        margin-top: 50px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in #jump-in-addition .block:nth-child(2) {
        margin-top: 80px
    }
}

section.jump-in button#load-jump-in {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 43px;
    vertical-align: middle;
    padding: 11px 12px 9px;
    letter-spacing: 0.5px
}

@media screen and (min-width: 700px) {
    section.jump-in button#load-jump-in {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        white-space: nowrap;
        padding: 7px 12px 7px
    }
}

@media screen and (min-width: 1024px) {
    section.jump-in button#load-jump-in {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 40px;
        margin-bottom: 6px;
        padding: 14px 16px 12px
    }
}

section.jump-in button#load-jump-in .icon-light-expand {
    margin-right: 14px;
    font-size: 16px
}

@media screen and (min-width: 700px) {
    section.jump-in button#load-jump-in .icon-light-expand {
        position: relative;
        top: 2px
    }
}

section.generic-cta {
    text-align: center
}

section.generic-cta .container {
    padding-bottom: 35px
}

@media screen and (min-width: 700px) {
    section.generic-cta .container {
        padding-top: 59px;
        padding-bottom: 99px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-cta .container {
        padding-top: 120px;
        padding-bottom: 161px
    }
}

section.generic-cta h2 {
    font-size: 32px;
    font-size: 2rem;
    margin-top: 39px;
    margin-bottom: 19px;
    color: #000
}

@media screen and (min-width: 700px) {
    section.generic-cta h2 {
        font-size: 58px;
        font-size: 3.625rem;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-cta h2 {
        font-size: 72px;
        font-size: 4.5rem
    }
}

section.generic-cta .button {
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 11px 16px 9px
}

@media screen and (min-width: 700px) {
    section.generic-cta .button {
        padding: 9px 16px 6px
    }
}

section.generic-cta .button .icon-start {
    font-size: 20px;
    margin-right: 8px;
    vertical-align: middle
}

@media screen and (min-width: 700px) {
    section.generic-cta .button .mobile {
        display: none
    }
}

section.generic-cta .button .desktop {
    display: none
}

@media screen and (min-width: 700px) {
    section.generic-cta .button .desktop {
        display: inline-block
    }
}

header.hero-image {
    background-color: #036 !important;
    background-position: center
}

@media screen and (max-width: 699px) {
    header.hero-image {
        background-image: none !important
    }
}

header.hero-image .mobile {
    background-size: cover;
    background-position: center;
    overflow: hidden
}

@media screen and (min-width: 700px) {
    header.hero-image .mobile {
        background-image: none !important
    }
}

header.hero-image,
header.no-hero-image {
    overflow: hidden;
    position: relative;
    color: #fff;
    background-color: #f4f4f4;
    background-size: cover;
    background-position: center center;
    margin-bottom: 50px
}

@media screen and (min-width: 1024px) {

    header.hero-image,
    header.no-hero-image {
        margin-bottom: 84px
    }
}

header.hero-image:before,
header.no-hero-image:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(98%, #000));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 98%)
}

header.hero-image .container,
header.no-hero-image .container {
    position: relative;
    z-index: 1;
    padding-top: 172px
}

@media screen and (min-width: 700px) {

    header.hero-image .container,
    header.no-hero-image .container {
        padding-top: 197px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 17px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container,
    header.no-hero-image .container {
        padding-top: 250px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container,
    header.no-hero-image .container {
        padding-bottom: 25px
    }
}

header.hero-image .container h1,
header.no-hero-image .container h1 {
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {

    header.hero-image .container h1,
    header.no-hero-image .container h1 {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container h1,
    header.no-hero-image .container h1 {
        margin-bottom: 45px
    }
}

header.hero-image .container .sub-title,
header.no-hero-image .container .sub-title {
    font-size: 16px;
    font-size: 1rem;
    border: 1px solid #fc3;
    color: #fff;
    font-weight: normal;
    position: relative;
    padding: 12px 10px 14px 42px;
    margin-top: 11px;
    margin-bottom: 21px;
    line-height: 1.4;
    letter-spacing: -0.12px;
    display: inline-block
}

@media screen and (min-width: 700px) {

    header.hero-image .container .sub-title,
    header.no-hero-image .container .sub-title {
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: -0.14px;
        padding-left: 53px;
        padding-right: 25px;
        margin-top: -10px;
        margin-bottom: 9px;
        line-height: 1.4
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container .sub-title,
    header.no-hero-image .container .sub-title {
        font-size: 26px;
        font-size: 1.625rem;
        letter-spacing: -0.2px;
        margin-top: -32px;
        padding: 11px 27px 11px 56px
    }
}

header.hero-image .container .sub-title .icon-start,
header.no-hero-image .container .sub-title .icon-start {
    color: #fc3;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (min-width: 700px) {

    header.hero-image .container .sub-title .icon-start,
    header.no-hero-image .container .sub-title .icon-start {
        left: 21px;
        font-size: 20px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container .sub-title .icon-start,
    header.no-hero-image .container .sub-title .icon-start {
        left: 22px
    }
}

header.hero-image .container p,
header.no-hero-image .container p {
    max-width: 631px;
    margin-top: 10px
}

@media screen and (min-width: 700px) {

    header.hero-image .container p,
    header.no-hero-image .container p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image .container p,
    header.no-hero-image .container p {
        font-size: 26px;
        font-size: 1.625rem;
        max-width: 910px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image--program-detail,
    header.no-hero-image--program-detail {
        margin-bottom: 60px
    }
}

header.hero-image--program-detail .container,
header.no-hero-image--program-detail .container {
    padding-bottom: 23px
}

@media screen and (min-width: 700px) {

    header.hero-image--program-detail .container,
    header.no-hero-image--program-detail .container {
        padding-bottom: 46px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image--program-detail .container,
    header.no-hero-image--program-detail .container {
        padding-bottom: 58px
    }
}

header.hero-image--program-detail .container h1,
header.no-hero-image--program-detail .container h1 {
    margin-bottom: 15px
}

@media screen and (min-width: 700px) {

    header.hero-image--program-detail .container h1,
    header.no-hero-image--program-detail .container h1 {
        margin-bottom: 29px
    }
}

@media screen and (min-width: 1024px) {

    header.hero-image--program-detail .container h1,
    header.no-hero-image--program-detail .container h1 {
        margin-bottom: 20px
    }
}

header.hero-image--program-detail .program-type,
header.no-hero-image--program-detail .program-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

header.hero-image--program-detail .program-type-item>span,
header.no-hero-image--program-detail .program-type-item>span {
    background: rgba(255, 255, 255, 0.8)
}

header.no-hero-image {
    color: #036
}

header.no-hero-image:before {
    display: none
}

header.no-hero-image .container {
    padding-top: 136px
}

@media screen and (min-width: 700px) {
    header.no-hero-image .container {
        padding-top: 148px
    }
}

@media screen and (min-width: 1024px) {
    header.no-hero-image .container {
        padding-top: 186px
    }
}

header.no-hero-image p {
    color: #3a3a3a
}

section.three-up .container {
    padding-top: 5px;
    text-align: center
}

section.three-up .container h2 {
    margin-top: 8px;
    text-align: left;
    margin-bottom: 15px
}

section.three-up .container img {
    margin-bottom: 8px;
    max-width: 100%
}

@media screen and (min-width: 700px) {
    section.three-up .container img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px
    }
}

section.three-up .container p {
    margin-top: 5px
}

@media screen and (min-width: 700px) {
    section.three-up .container p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.35
    }
}

section.three-up .container .row:before,
section.three-up .container .row:after {
    content: " ";
    display: table
}

section.three-up .container .row:after {
    clear: both
}

@media screen and (min-width: 700px) {
    section.three-up .container .row {
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 21px
    }
}

@media screen and (min-width: 1024px) {
    section.three-up .container .row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 33px
    }
}

section.three-up .container .column {
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width: 700px) {
    section.three-up .container .column {
        width: calc(33.33% - 12px);
        float: left;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1024px) {
    section.three-up .container .column {
        width: calc(33.33% - 30px);
        margin-left: 15px;
        margin-right: 15px
    }
}

section.three-up .container .column h3 {
    margin: 0
}

@media screen and (min-width: 1024px) {
    section.three-up .container .column a {
        font-size: 22px;
        font-size: 1.375rem
    }
}

section.three-up .container .button {
    display: inline-block;
    text-align: center;
    margin: 9px auto 0
}

@media screen and (min-width: 700px) {
    section.three-up .container .button {
        min-width: 0
    }
}

@media screen and (min-width: 1024px) {
    section.three-up .container .button {
        margin: 28px auto 0
    }
}

section.degree-cert-program {
    text-align: center
}

section.degree-cert-program .container {
    padding-top: 16px
}

@media screen and (min-width: 700px) {
    section.degree-cert-program .container {
        padding-top: 7px
    }
}

section.degree-cert-program .container .row {
    text-align: left
}

section.degree-cert-program .container .row:before,
section.degree-cert-program .container .row:after {
    content: " ";
    display: table
}

section.degree-cert-program .container .row:after {
    clear: both
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

section.degree-cert-program .container .column {
    margin-bottom: 20px
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container .column {
        width: calc(33.33% - 30px);
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 25px
    }
}

section.degree-cert-program .container h2 {
    margin-top: 11px;
    text-align: left;
    margin-bottom: 18px
}

@media screen and (min-width: 700px) {
    section.degree-cert-program .container h2 {
        margin-bottom: 22px;
        margin-top: 30px
    }
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container h2 {
        margin-bottom: 30px
    }
}

section.degree-cert-program .container span {
    font-size: 16px;
    font-size: 1rem;
    color: #3a3a3a;
    display: block;
    line-height: 1.3;
    margin-top: 5px;
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container span {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 12px;
        margin-top: 5px
    }
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container span {
        margin-top: 2px
    }
}

section.degree-cert-program .container p {
    margin-top: 6px;
    line-height: 1.2
}

@media screen and (min-width: 700px) {
    section.degree-cert-program .container p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.4
    }
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container p {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 16px;
        line-height: 1.65
    }
}

section.degree-cert-program .container h3 {
    margin: 0
}

section.degree-cert-program .container h3 a:not(.button) {
    font-size: 22px;
    font-size: 1.375rem
}

@media screen and (min-width: 1024px) {
    section.degree-cert-program .container h3 a:not(.button) {
        font-size: 28px;
        font-size: 1.75rem
    }
}

section.degree-cert-program .container .button {
    margin: 11px auto 0;
    text-align: center
}

@media screen and (min-width: 700px) {
    section.degree-cert-program .container .button {
        margin: 7px auto 0
    }
}

section.office .container {
    padding-top: 5px;
    padding-bottom: 35px
}

@media screen and (min-width: 1024px) {
    section.office .container {
        padding-bottom: 27px
    }
}

section.office .container>p {
    margin-bottom: 30px !important
}

@media screen and (max-width: 1023px) {
    section.office .container>p {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    section.office .container>p {
        line-height: 1.65
    }
}

@media screen and (min-width: 700px) {
    section.office .container h2 {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 1024px) {
    section.office .container h2 {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1024px) {
    section.office .container .row {
        margin-left: -15px;
        margin-right: -15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

section.office .container .column {
    background-color: #f4f4f4;
    padding: 24px 16px 23px;
    margin-bottom: 16px
}

@media screen and (min-width: 700px) {
    section.office .container .column {
        padding: 24px 26px 29px
    }
}

@media screen and (min-width: 1024px) {
    section.office .container .column {
        width: calc(33.33% - 15px);
        margin-left: 15px;
        margin-right: 15px;
        padding: 28px 31px 48px
    }
}

section.office .container h3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 13px;
    display: inline-block;
    letter-spacing: -0.4px;
    line-height: 1.4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 0;
    display: block
}

@media screen and (min-width: 700px) {
    section.office .container h3 {
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1024px) {
    section.office .container h3 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.2;
        margin-bottom: 24px
    }
}

section.office .container h3:hover {
    color: #036
}

section.office .container a {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #00779E;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

section.office .container a:hover {
    background-color: transparent;
    color: #036
}

section.office .container a:after {
    display: none
}

section.office .container a[href^="mailto:"] {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    color: #3a3a3a;
    font-weight: 700;
    margin-bottom: 4px
}

@media screen and (min-width: 700px) {
    section.office .container a[href^="mailto:"] {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    section.office .container a[href^="mailto:"] {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.office .container a .icon-arrow-right {
    font-size: 15px;
    margin-left: 2px
}

section.office .container p {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    line-height: 1.5
}

@media screen and (min-width: 1024px) {
    section.office .container p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.photo-grid {
    background-color: #f4f4f4;
    margin-top: 37px;
    padding-bottom: 29px;
    margin-bottom: 15px
}

@media screen and (min-width: 700px) {
    section.photo-grid {
        margin-top: 10px;
        padding-top: 12px;
        padding-bottom: 55px
    }
}

@media screen and (min-width: 1024px) {
    section.photo-grid {
        padding-top: 20px;
        padding-bottom: 0
    }
}

section.photo-grid.animate a:nth-child(0) {
    -webkit-animation: fade-in 0.3s 0s ease-out forwards;
    animation: fade-in 0.3s 0s ease-out forwards
}

section.photo-grid.animate a:nth-child(1) {
    -webkit-animation: fade-in 0.3s .1s ease-out forwards;
    animation: fade-in 0.3s .1s ease-out forwards
}

section.photo-grid.animate a:nth-child(2) {
    -webkit-animation: fade-in 0.3s .2s ease-out forwards;
    animation: fade-in 0.3s .2s ease-out forwards
}

section.photo-grid.animate a:nth-child(3) {
    -webkit-animation: fade-in 0.3s .3s ease-out forwards;
    animation: fade-in 0.3s .3s ease-out forwards
}

section.photo-grid.animate a:nth-child(4) {
    -webkit-animation: fade-in 0.3s .4s ease-out forwards;
    animation: fade-in 0.3s .4s ease-out forwards
}

section.photo-grid.animate a:nth-child(5) {
    -webkit-animation: fade-in 0.3s .5s ease-out forwards;
    animation: fade-in 0.3s .5s ease-out forwards
}

section.photo-grid.animate a:nth-child(6) {
    -webkit-animation: fade-in 0.3s .6s ease-out forwards;
    animation: fade-in 0.3s .6s ease-out forwards
}

section.photo-grid.animate a:nth-child(7) {
    -webkit-animation: fade-in 0.3s .7s ease-out forwards;
    animation: fade-in 0.3s .7s ease-out forwards
}

section.photo-grid .container {
    padding-top: 22px
}

@media screen and (min-width: 1024px) {
    section.photo-grid .container {
        padding-bottom: 73px
    }
}

section.photo-grid h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 700px) {
    section.photo-grid h2 {
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1024px) {
    section.photo-grid h2 {
        margin-bottom: 23px
    }
}

section.photo-grid p {
    margin-top: 5px
}

@media screen and (min-width: 700px) {
    section.photo-grid p {
        line-height: 1.4;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1024px) {
    section.photo-grid p {
        max-width: 900px
    }
}

section.photo-grid .row {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #036;
    background-size: cover
}

@media screen and (min-width: 700px) {
    section.photo-grid .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 14px
    }
}

@media screen and (min-width: 1024px) {
    section.photo-grid .row {
        margin-top: 34px
    }
}

section.photo-grid .row:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 51, 102, 0.7)
}

section.photo-grid .row a {
    font-size: 22px;
    font-size: 1.375rem;
    min-height: 92px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 700px) {
    section.photo-grid .row a {
        width: calc(50% - 12px);
        margin: 6px;
        min-height: 296px;
        border-bottom: 0;
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px 30px;
        line-height: 1.5
    }
}

@media screen and (min-width: 1024px) {
    section.photo-grid .row a {
        font-size: 26px;
        font-size: 1.625rem;
        width: calc(33.33% - 12px);
        min-height: 336px;
        padding: 15px 45px
    }
}

@media screen and (max-width: 699px) {
    section.photo-grid .row a:last-child {
        border-bottom: none
    }
}

section.photo-grid .row a:before {
    opacity: 0;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #036;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    -webkit-transform: none !important;
    transform: none !important
}

@media screen and (min-width: 700px) {
    section.photo-grid .row a:before {
        opacity: 1;
        background-color: transparent;
        border: 6px solid #f4f4f4;
        width: 100%;
        height: calc(100% + 1px);
        top: -7px;
        left: -6px;
        width: calc(100% + 1px)
    }
}

section.photo-grid .row a:hover {
    color: #fc3;
    background-color: transparent
}

section.photo-grid .row a:hover:before {
    opacity: 1
}

@media screen and (min-width: 700px) {
    section.photo-grid .row a:hover:before {
        background-color: #036
    }
}

section.photo-grid .row a:not([href]) {
    pointer-events: none
}

@media screen and (max-width: 699px) {
    section.photo-grid .row a:not([href]) {
        display: none
    }
}

section.photo-grid .row a:not([href]):hover:before {
    background-color: transparent
}

section.photo-grid .row a span {
    position: relative;
    z-index: 1
}

section.photo-grid .row a .icon-arrow-right {
    font-size: 14px;
    margin-left: 3px
}

@media screen and (min-width: 1024px) {
    section.photo-grid .row a .icon-arrow-right {
        font-size: 17px
    }
}

section.three-column-cta {
    padding-top: 25px
}

@media screen and (min-width: 1024px) {
    section.three-column-cta {
        padding-top: 2px
    }
}

section.three-column-cta h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.three-column-cta h2 {
        margin-bottom: 22px
    }
}

section.three-column-cta p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.three-column-cta p {
        line-height: 1.6
    }
}

section.three-column-cta .row {
    margin-top: 23px
}

@media screen and (min-width: 700px) {
    section.three-column-cta .row {
        margin-top: 26px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .row {
        margin-left: -15px;
        margin-right: -15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 33px
    }
}

section.three-column-cta .column {
    background-color: #f4f4f4;
    padding: 6px 16px 27px;
    margin-bottom: 16px
}

@media screen and (min-width: 700px) {
    section.three-column-cta .column {
        padding: 14px 30px 39px;
        margin-bottom: 12px;
        position: relative
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .column {
        width: calc(33.33% - 30px);
        margin: 0 15px;
        padding-bottom: 144px;
        padding-top: 0
    }
}

section.three-column-cta .column:last-child {
    margin-bottom: 0
}

section.three-column-cta .column h3 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #3a3a3a;
    margin-bottom: 14px
}

@media screen and (min-width: 700px) {
    section.three-column-cta .column h3 {
        margin-right: 225px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .column h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-right: 0;
        margin-bottom: 26px
    }
}

section.three-column-cta .column a:not(.button) {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

section.three-column-cta .column a:not(.button):hover {
    background-color: transparent
}

section.three-column-cta .column a:after {
    display: none
}

section.three-column-cta .column a[href^="mailto:"] {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    color: #3a3a3a;
    font-weight: 700;
    margin-bottom: 4px
}

@media screen and (min-width: 700px) {
    section.three-column-cta .column a[href^="mailto:"] {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .column a[href^="mailto:"] {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.three-column-cta .column a .icon-arrow-right {
    font-size: 15px;
    vertical-align: middle
}

section.three-column-cta .column p {
    margin-top: 10px;
    margin-bottom: 28px
}

@media screen and (min-width: 700px) {
    section.three-column-cta .column p {
        font-size: 16px;
        font-size: 1rem;
        margin-right: 254px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .column p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-right: 0
    }
}

section.three-column-cta .column .button {
    display: block;
    max-width: 251px;
    text-align: center;
    margin-top: 25px;
    margin-left: 0
}

@media screen and (min-width: 700px) {
    section.three-column-cta .column .button {
        position: absolute;
        width: 181px;
        right: 30px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-cta .column .button {
        width: 264px;
        max-width: 100%;
        top: auto;
        left: 50%;
        bottom: 51px;
        margin: 0 auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

section.three-column .container {
    padding-top: 3px
}

@media screen and (min-width: 700px) {
    section.three-column .container {
        padding-top: 0px
    }
}

section.three-column .container:after {
    margin-top: 20px
}

section.three-column .container h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.three-column .container h2 {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container h2+div.row {
        margin-top: 0
    }
}

section.three-column .container p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.three-column .container p {
        line-height: 1.65
    }
}

section.three-column .container .row {
    margin-top: 26px
}

@media screen and (min-width: 700px) {
    section.three-column .container .row {
        margin-top: 22px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container .row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 32px;
        margin-bottom: 36px
    }

    section.three-column .container .row:before,
    section.three-column .container .row:after {
        content: " ";
        display: table
    }

    section.three-column .container .row:after {
        clear: both
    }
}

section.three-column .container .column {
    margin-bottom: 22px
}

@media screen and (min-width: 700px) {
    section.three-column .container .column {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 11px
    }

    section.three-column .container .column:before,
    section.three-column .container .column:after {
        content: " ";
        display: table
    }

    section.three-column .container .column:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container .column {
        width: calc(33.33% - 30px);
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

section.three-column .container .column:last-child {
    margin-bottom: 0
}

section.three-column .container .column p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 5px
}

@media screen and (min-width: 700px) {
    section.three-column .container .column p {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container .column p {
        line-height: 1.625;
        font-size: 16px;
        font-size: 1rem
    }
}

section.three-column .container .column ul {
    margin-top: 7px;
    margin-bottom: 0
}

section.three-column .container a:before {
    display: none
}

@media screen and (min-width: 700px) {
    section.three-column .container img {
        float: left;
        width: 192px;
        margin-right: 25px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container img {
        float: none;
        width: auto;
        margin-right: 0
    }
}

section.three-column .container img img {
    width: 100%;
    border-radius: 2px
}

@media screen and (min-width: 1024px) {
    section.three-column .container img img {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 700px) {
    section.three-column .container .image+.content {
        padding-left: 217px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container .image+.content {
        padding-left: 0
    }
}

section.three-column .container h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 11px;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    section.three-column .container h3 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

section.three-column .container h4 {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    color: #3a3a3a;
    margin-bottom: 0;
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 6px
}

@media screen and (min-width: 1024px) {
    section.three-column .container h4 {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 12px
    }
}

section.three-column .container h4+p {
    margin-top: 8px
}

section.three-column .container a.optional {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

section.three-column .container a.optional:hover {
    background-color: transparent
}

@media screen and (min-width: 1024px) {
    section.three-column .container a.optional {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column .container ul {
        padding-left: 3px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.three-column .container .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

section.three-column .container .optional {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

section.three-column .container .optional:hover {
    background-color: transparent
}

section.two-column .container {
    margin-bottom: 15px
}

section.two-column h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.two-column h2 {
        margin-bottom: 22px
    }
}

section.two-column p {
    margin-top: 9px
}

@media screen and (min-width: 1024px) {
    section.two-column p {
        max-width: 900px;
        line-height: 1.7
    }
}

section.two-column .row {
    margin-top: 26px
}

@media screen and (min-width: 700px) {
    section.two-column .row {
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 15px
    }

    section.two-column .row:before,
    section.two-column .row:after {
        content: " ";
        display: table
    }

    section.two-column .row:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    section.two-column .row {
        margin-left: -28px;
        margin-right: -28px;
        margin-top: 28px
    }
}

section.two-column .column {
    margin-bottom: 25px
}

@media screen and (min-width: 700px) {
    section.two-column .column {
        font-size: 16px;
        font-size: 1rem;
        width: calc(50% - 12px);
        float: left;
        margin-left: 6px;
        margin-right: 6px
    }
}

@media screen and (min-width: 1024px) {
    section.two-column .column {
        width: calc(50% - 56px);
        margin-left: 28px;
        margin-right: 28px
    }
}

section.two-column .column:last-child {
    margin-bottom: 0
}

section.two-column .column img {
    width: 100%;
    border-radius: 2px
}

@media screen and (min-width: 1024px) {
    section.two-column .column img {
        margin-bottom: 20px
    }
}

section.two-column .column p {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 5px;
    line-height: 1.4;
    margin-bottom: 5px
}

@media screen and (min-width: 1024px) {
    section.two-column .column p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.65
    }
}

@media screen and (min-width: 1024px) {
    section.two-column a {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.two-column h3,
section.two-column h3 a {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 12px;
    margin-bottom: 3px
}

@media screen and (min-width: 700px) {

    section.two-column h3,
    section.two-column h3 a {
        font-size: 22px;
        font-size: 1.375rem;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {

    section.two-column h3,
    section.two-column h3 a {
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 10px
    }
}

section.two-column h4 {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    color: #3a3a3a;
    margin-bottom: 0;
    font-weight: 900;
    margin-top: 12px;
    margin-bottom: 8px
}

@media screen and (min-width: 1024px) {
    section.two-column h4 {
        font-size: 16px;
        font-size: 1rem
    }
}

section.two-column h4+p {
    margin-top: 10px
}

section.two-column .icon-arrow-right {
    font-size: 12px;
    margin-left: 5px
}

section.two-column .optional {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

section.two-column .optional:hover {
    background-color: transparent
}

section.generic-block-cta {
    position: relative;
    margin-bottom: 28px;
    background-color: #f4f4f4
}

@media screen and (min-width: 700px) {
    section.generic-block-cta {
        margin-bottom: 31px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta {
        margin-bottom: 48px
    }
}

section.generic-block-cta.yellow .container:before {
    background: #fc3
}

section.generic-block-cta.blue .container:before {
    background: #007EA8
}

section.generic-block-cta .container {
    position: relative;
    z-index: 1;
    padding: 22px 35px 25px
}

section.generic-block-cta .container:before,
section.generic-block-cta .container:after {
    content: " ";
    display: table
}

section.generic-block-cta .container:after {
    clear: both
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 33px 46px 24px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container {
        padding: 12px 46px 37px
    }
}

section.generic-block-cta .container:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%;
    -webkit-transform: skewX(3.4deg);
    transform: skewX(3.4deg);
    opacity: 0;
    left: -400px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
    transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01)
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container:before {
        -webkit-transform: skewX(5.4deg);
        transform: skewX(5.4deg)
    }
}

section.generic-block-cta .container h2 {
    line-height: 1.2;
    margin-bottom: 17px
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container h2 {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container h2 {
        margin-bottom: 29px
    }
}

section.generic-block-cta .container h3 {
    margin-top: 0;
    margin-bottom: 11px;
    color: #3a3a3a
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container h3 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 13px
    }
}

section.generic-block-cta .container p {
    margin-top: 5px
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container p {
        line-height: 1.7
    }
}

section.generic-block-cta .container a {
    display: inline-block;
    max-width: 251px;
    margin: 0;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #3a3a3a !important;
    border-color: #3a3a3a !important
}

section.generic-block-cta .container a:hover {
    color: #036
}

section.generic-block-cta .container a:before {
    display: none
}

section.generic-block-cta .container a+a {
    margin-top: 15px
}

section.generic-block-cta .container span.sub-title {
    font-weight: 900;
    color: #3a3a3a;
    display: block
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container span.sub-title {
        margin-top: 17px;
        margin-bottom: 2px
    }
}

section.generic-block-cta .container span.sub-title+h4 {
    margin-top: 2px
}

section.generic-block-cta .container img {
    width: 53%;
    float: left;
    padding-right: 35px
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container img {
        width: 51%
    }
}

@media screen and (max-width: 1023px) {
    section.generic-block-cta .container img {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container img+.inner-content {
        padding-left: 50%;
        padding-top: 5px
    }
}

section.generic-block-cta .container .content:before,
section.generic-block-cta .container .content:after {
    content: " ";
    display: table
}

section.generic-block-cta .container .content:after {
    clear: both
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container .content-wrapper {
        width: 70%;
        padding-right: 50px
    }
}

section.generic-block-cta .container .content-wrapper a[href^="mailto:"] {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    white-space: nowrap
}

section.generic-block-cta .container .content-wrapper a[href^="mailto:"]:hover {
    background-color: transparent
}

section.generic-block-cta .container .content-wrapper a[href^="mailto:"] .icon-email {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px
}

section.generic-block-cta .container .resouce-column {
    margin-top: 10px
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container .resouce-column {
        width: 30%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 1024px) {
    section.generic-block-cta .container .resouce-column {
        margin-top: 0
    }
}

@media screen and (min-width: 700px) {
    section.generic-block-cta .container .resouce-column .resources {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.accordion-block {
    padding-top: 25px
}

.accordion-block h2 {
    margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
    .accordion-block h2 {
        margin-bottom: 20px
    }
}

.accordion-block p {
    margin-top: 10px
}

@media screen and (min-width: 1024px) {
    .accordion-block p {
        line-height: 1.65
    }
}

.accordion-wrapper {
    margin-right: -15px;
    margin-left: -15px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper {
        margin-right: -30px;
        margin-left: -30px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper {
        margin-right: 0;
        margin-left: 0;
        margin-top: 27px
    }
}

.accordion-wrapper .accordion-controls {
    padding-left: 15px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper .accordion-controls {
        text-align: left;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .accordion-controls {
        font-size: 14px;
        font-size: .875rem;
        padding-left: 0;
        padding-right: 20px
    }
}

.accordion-wrapper .accordion-controls button {
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #036
}

.accordion-wrapper .accordion-controls button:hover {
    color: #007EA8
}

.accordion-wrapper .accordion-controls .open {
    font-size: 14px;
    font-size: .875rem;
    margin-right: 23px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper .accordion-controls .open {
        margin-right: 32px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .accordion-controls .open {
        margin-right: 24px
    }
}

.accordion-wrapper .accordion-controls .open [class^="icon-"] {
    display: inline;
    vertical-align: middle;
    margin-right: 12px;
    font-weight: normal;
    font-size: 9px;
    font-size: 13px
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .accordion-controls .open [class^="icon-"] {
        font-size: 15px
    }
}

.accordion-wrapper .accordion-controls .close {
    font-size: 14px;
    font-size: .875rem
}

.accordion-wrapper .accordion-controls .close [class^="icon-"] {
    display: inline;
    vertical-align: middle;
    margin-right: 12px;
    font-weight: normal;
    font-size: 9px;
    font-size: 13px
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .accordion-controls .close [class^="icon-"] {
        font-size: 15px
    }
}

.accordion-wrapper>ul {
    margin-top: 13px;
    margin-bottom: 0;
    padding-left: 0
}

.accordion-wrapper>ul:before,
.accordion-wrapper>ul:after {
    content: " ";
    display: table
}

.accordion-wrapper>ul:after {
    clear: both
}

@media screen and (min-width: 700px) {
    .accordion-wrapper>ul {
        margin-top: 8px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper>ul {
        margin-top: 9px
    }
}

.accordion-wrapper>ul>li {
    position: relative;
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: -2px;
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper>ul>li {
        border: 2px solid #e8e8e8
    }
}

@media screen and (max-width: 699px) {
    .accordion-wrapper>ul>li:before {
        display: none
    }
}

.accordion-wrapper>ul>li:before {
    display: none
}

.accordion-wrapper>ul>li.expanded .toggle-accordion {
    color: #007EA8
}

.accordion-wrapper>ul>li.expanded .toggle-accordion .icon-plus:before {
    content: "\e91d"
}

.accordion-wrapper>ul>li .accordion-title {
    font-weight: 600
}

.accordion-wrapper>ul>li .toggle-accordion {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    font-weight: 600;
    padding-left: 15px;
    text-align: left;
    padding-top: 12px;
    padding-right: 45px;
    padding-bottom: 13px;
    line-height: 1.4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    color: #036
}

@media screen and (min-width: 700px) {
    .accordion-wrapper>ul>li .toggle-accordion {
        padding-left: 30px;
        padding-top: 14px;
        padding-bottom: 16px;
        padding-right: 90px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper>ul>li .toggle-accordion {
        padding-top: 18px;
        padding-bottom: 16px;
        padding-left: 20px;
        padding-right: 90px
    }
}

.accordion-wrapper>ul>li .toggle-accordion:hover {
    color: #007EA8
}

.accordion-wrapper>ul>li .toggle-accordion [class^="icon-"] {
    color: #007EA8;
    display: inline;
    vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-weight: normal
}

@media screen and (min-width: 700px) {
    .accordion-wrapper>ul>li .toggle-accordion [class^="icon-"] {
        font-size: 16px;
        right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper>ul>li .toggle-accordion [class^="icon-"] {
        right: 23px;
        font-size: 17px
    }
}

.accordion-wrapper>ul>li .accordion-top [class^="icon-"] {
    color: #007EA8;
    display: inline;
    vertical-align: middle;
    margin-right: 6px;
    font-weight: normal;
    font-size: 9px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper>ul>li .accordion-top [class^="icon-"] {
        font-size: 13px
    }
}

.accordion-wrapper .all-collapsed .close,
.accordion-wrapper .all-expanded .open {
    opacity: 0.5;
    pointer-events: none
}

.accordion-wrapper .more-info {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 17px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper .more-info {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 26px
    }
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .more-info {
        padding-left: 20px;
        padding-right: 90px;
        padding-bottom: 33px
    }
}

.accordion-wrapper .more-info p:first-child {
    margin-top: 0
}

.accordion-wrapper .more-info p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal
}

.accordion-wrapper .more-info p:last-child {
    margin-bottom: 0
}

.accordion-wrapper .more-info .accordion-top {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    color: #007EA8;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 1024px) {
    .accordion-wrapper .more-info .accordion-top {
        margin-top: 14px
    }
}

.accordion-wrapper .more-info .accordion-top:hover {
    color: #036
}

.accordion-wrapper .more-info .accordion-top:hover .icon-arrow-up {
    color: #036
}

.accordion-wrapper .more-info .accordion-top .icon-arrow-up {
    font-size: 14px
}

@media screen and (min-width: 700px) {
    .accordion-wrapper .more-info .accordion-top .icon-arrow-up {
        font-size: 14px
    }
}

section.three-column-events {
    padding-top: 5px
}

section.three-column-events .container {
    text-align: center;
    padding-bottom: 5px
}

section.three-column-events h2 {
    margin-bottom: 11px;
    text-align: left
}

@media screen and (min-width: 1024px) {
    section.three-column-events h2 {
        margin-bottom: 24px
    }
}

section.three-column-events p {
    margin-top: 11px;
    text-align: left
}

section.three-column-events .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
    margin-top: 22px
}

@media screen and (min-width: 700px) {
    section.three-column-events .row {
        margin-left: -6px;
        margin-right: -6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 14px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 35px;
        margin-bottom: 32px
    }
}

section.three-column-events .column {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #007EA8;
    margin-bottom: 16px;
    color: #fff;
    padding: 30px 15px;
    min-height: 312px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 2px
}

@media screen and (min-width: 700px) {
    section.three-column-events .column {
        width: calc(33.33% - 12px);
        margin-left: 6px;
        margin-right: 6px;
        min-height: 202px;
        padding: 19px 15px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column {
        width: calc(33.33% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        min-height: 312px;
        padding: 31px 15px
    }
}

section.three-column-events .column span:not(.last-word) {
    display: block;
    text-align: center;
    line-height: 1
}

section.three-column-events .column span:not(.last-word).month {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: 4.71px;
    margin-bottom: 7px;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    section.three-column-events .column span:not(.last-word).month {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column span:not(.last-word).month {
        font-size: 22px;
        font-size: 1.375rem
    }
}

section.three-column-events .column span:not(.last-word).day {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 900;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 21px
}

@media screen and (min-width: 700px) {
    section.three-column-events .column span:not(.last-word).day {
        font-size: 34px;
        font-size: 2.125rem;
        padding-bottom: 11px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column span:not(.last-word).day {
        font-size: 60px;
        font-size: 3.75rem;
        padding-bottom: 20px
    }
}

section.three-column-events .column span:not(.last-word).day:after {
    content: '';
    display: block;
    width: 130px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width: 700px) {
    section.three-column-events .column span:not(.last-word).day:after {
        width: 62px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column span:not(.last-word).day:after {
        width: 130px
    }
}

section.three-column-events .column span:not(.last-word).time {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fdffdb;
    font-weight: 700;
    margin-bottom: 7px;
    letter-spacing: 0.32px
}

@media screen and (min-width: 700px) {
    section.three-column-events .column span:not(.last-word).time {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column span:not(.last-word).time {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 10px
    }
}

section.three-column-events .column span:not(.last-word).location {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    letter-spacing: 0.32px
}

@media screen and (min-width: 700px) {
    section.three-column-events .column span:not(.last-word).location {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-events .column span:not(.last-word).location {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.three-column-events .column h3,
section.three-column-events .column h3 a {
    color: #fff;
    text-align: center;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {

    section.three-column-events .column h3,
    section.three-column-events .column h3 a {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1024px) {

    section.three-column-events .column h3,
    section.three-column-events .column h3 a {
        font-size: 24px;
        font-size: 1.5rem;
        margin-top: 20px;
        margin-bottom: 16px;
        letter-spacing: -0.44px
    }
}

section.three-column-events .column h3:hover,
section.three-column-events .column h3 a:hover {
    background-color: transparent;
    color: #fc3
}

section.three-column-events .column h3 .icon-arrow-round-right,
section.three-column-events .column h3 a .icon-arrow-round-right {
    display: inline-block;
    font-size: 13px;
    margin-left: 7px
}

@media screen and (min-width: 700px) {

    section.three-column-events .column h3 .icon-arrow-round-right,
    section.three-column-events .column h3 a .icon-arrow-round-right {
        font-size: 8px
    }
}

@media screen and (min-width: 1024px) {

    section.three-column-events .column h3 .icon-arrow-round-right,
    section.three-column-events .column h3 a .icon-arrow-round-right {
        font-size: 14px
    }
}

section.three-column-events .button {
    display: inline-block;
    margin-bottom: 11px
}

section.jump-in .news,
section.three-column-news .column {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    background-position: center
}

section.jump-in .news .overlay,
section.three-column-news .column .overlay {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #036;
    opacity: 0.6
}

section.jump-in .news .container,
section.three-column-news .column .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 12px;
    padding-bottom: 20px;
    width: 100%
}

@media screen and (min-width: 700px) {

    section.jump-in .news .container,
    section.three-column-news .column .container {
        padding-left: 23px;
        padding-right: 23px
    }
}

@media screen and (min-width: 1024px) {

    section.jump-in .news .container,
    section.three-column-news .column .container {
        padding-left: 42px;
        padding-right: 35px;
        padding-top: 9px;
        padding-bottom: 36px
    }
}

section.jump-in .news .container article,
section.three-column-news .column .container article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1
}

section.jump-in .news .container article .date,
section.three-column-news .column .container article .date {
    color: #fdffdb;
    text-transform: uppercase;
    display: block
}

section.jump-in .news .container article h4,
section.jump-in .news .container article h3,
section.three-column-news .column .container article h4,
section.three-column-news .column .container article h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.23px;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: initial;
    margin-right: 0
}

@media screen and (min-width: 700px) {

    section.jump-in .news .container article h4,
    section.jump-in .news .container article h3,
    section.three-column-news .column .container article h4,
    section.three-column-news .column .container article h3 {
        line-height: 1.4
    }
}

@media screen and (min-width: 1024px) {

    section.jump-in .news .container article h4,
    section.jump-in .news .container article h3,
    section.three-column-news .column .container article h4,
    section.three-column-news .column .container article h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.2;
        margin-top: 11px
    }
}

section.jump-in .news .container article h4 a,
section.jump-in .news .container article h3 a,
section.three-column-news .column .container article h4 a,
section.three-column-news .column .container article h3 a {
    color: #fff;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

section.jump-in .news .container article h4 a:hover,
section.jump-in .news .container article h3 a:hover,
section.three-column-news .column .container article h4 a:hover,
section.three-column-news .column .container article h3 a:hover {
    background-color: transparent;
    color: #fc3
}

section.jump-in .news .container article h4 a .icon-arrow-round-right,
section.jump-in .news .container article h3 a .icon-arrow-round-right,
section.three-column-news .column .container article h4 a .icon-arrow-round-right,
section.three-column-news .column .container article h3 a .icon-arrow-round-right {
    font-size: 13px
}

section.three-column-news {
    margin-bottom: 35px;
    text-align: center
}

section.three-column-news h2 {
    margin-bottom: 10px;
    text-align: left
}

@media screen and (min-width: 1024px) {
    section.three-column-news h2 {
        margin-bottom: 23px
    }
}

section.three-column-news p {
    margin-top: 9px;
    text-align: left
}

section.three-column-news .row {
    margin-top: 21px;
    text-align: left
}

@media screen and (min-width: 700px) {
    section.three-column-news .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: 13px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .row {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 34px;
        margin-top: 35px
    }
}

section.three-column-news .column {
    background-color: #036;
    min-height: 312px;
    margin-bottom: 16px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 2px
}

@media screen and (min-width: 700px) {
    section.three-column-news .column {
        width: calc(33.33% - 12px);
        min-height: 192px;
        margin-left: 6px;
        margin-right: 6px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .column {
        width: calc(33.33% - 30px);
        min-height: 312px;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (min-width: 700px) {
    section.three-column-news .column .container {
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .column .container {
        padding-left: 22px;
        padding-bottom: 26px
    }
}

section.three-column-news .column .date {
    margin-bottom: 5px
}

@media screen and (min-width: 700px) {
    section.three-column-news .column .date {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .column .date {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.three-column-news .column h1 {
    margin-bottom: 7px
}

@media screen and (min-width: 700px) {
    section.three-column-news .column h1 {
        line-height: 1 !important
    }
}

section.three-column-news .column h1 a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 700px) {
    section.three-column-news .column h1 a {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .column h1 a {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 700px) {
    section.three-column-news .column h1 a .icon-arrow-round-right {
        font-size: 9px;
        font-size: .5625rem
    }
}

@media screen and (min-width: 1024px) {
    section.three-column-news .column h1 a .icon-arrow-round-right {
        font-size: 14px;
        font-size: .875rem
    }
}

section.three-column-news .column a:before {
    display: none
}

section.three-column-news .column .icon-arrow-round-right {
    font-size: 11px
}

section.three-column-news .button {
    display: inline-block;
    text-align: center
}

section.carousel {
    margin-bottom: 35px
}

@media screen and (min-width: 1024px) {
    section.carousel {
        margin-bottom: 55px
    }
}

section.carousel h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.carousel h2 {
        margin-bottom: 23px
    }
}

section.carousel p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.carousel p {
        line-height: 1.65
    }
}

section.carousel .carousel-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 21px
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-wrapper {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-wrapper {
        margin-left: 0;
        margin-right: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-top: 31px
    }
}

section.carousel .carousel-slider .top {
    position: relative;
    background-color: #036
}

section.carousel .carousel-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 3px solid #fff;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-arrow {
        width: 40px;
        height: 40px;
        font-size: 17px;
        line-height: 40px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider .slick-arrow {
        width: 50px;
        height: 50px;
        font-size: 19px;
        line-height: 50px
    }
}

section.carousel .carousel-slider .slick-arrow:hover {
    color: #fc3;
    border-color: #fc3
}

section.carousel .carousel-slider .slick-prev {
    left: 10px
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-prev {
        left: 27px
    }
}

section.carousel .carousel-slider .slick-next {
    right: 10px
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-next {
        right: 26px
    }
}

section.carousel .carousel-slider img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 699px) {
    section.carousel .carousel-slider img.desktop {
        display: none
    }
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider img.mobile {
        display: none
    }
}

section.carousel .carousel-slider .slick-dots {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding-left: 0;
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-dots {
        -webkit-transform: none;
        transform: none;
        left: auto;
        right: 20px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider .slick-dots {
        right: 24px
    }
}

section.carousel .carousel-slider .slick-dots li {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 6px;
    line-height: 0
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-dots li {
        margin: 0 4px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider .slick-dots li {
        margin: 0 6px
    }
}

section.carousel .carousel-slider .slick-dots li:before {
    display: none
}

section.carousel .carousel-slider .slick-dots li.slick-active button {
    background: #fff
}

section.carousel .carousel-slider .slick-dots li button {
    overflow: hidden;
    text-indent: 100%;
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider .slick-dots li button {
        width: 10px;
        height: 10px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider .slick-dots li button {
        width: 15px;
        height: 15px
    }
}

section.carousel .carousel-slider .slick-dots li button:hover {
    background: #fff
}

section.carousel .carousel-slider-content {
    background-color: #036;
    color: #fff;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 26px;
    padding-bottom: 30px
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider-content {
        padding-top: 19px;
        padding-bottom: 14px
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider-content {
        padding-top: 28px
    }
}

section.carousel .carousel-slider-content span.h3 {
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    section.carousel .carousel-slider-content span.h3 {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider-content span.h3 {
        font-size: 16px;
        font-size: 1rem
    }
}

section.carousel .carousel-slider-content h3 {
    font-size: 24px;
    font-size: 1.5rem;
    color: inherit;
    margin-top: 9px;
    margin-bottom: 7px;
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    section.carousel .carousel-slider-content h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

section.carousel .carousel-slider-content p {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 7px
}

@media screen and (min-width: 1024px) {
    section.video-block {
        margin-bottom: 25px
    }
}

section.video-block>.container {
    overflow: hidden;
    padding-top: 40px
}

section.video-block>.container h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.video-block>.container h2 {
        margin-bottom: 23px
    }
}

section.video-block>.container p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.video-block>.container p {
        line-height: 1.65
    }
}

section.video-block .video-wrapper {
    position: relative;
    background-color: #036;
    margin-top: 9px
}

section.video-block .video-wrapper.video-playing iframe,
section.video-block .video-wrapper.video-playing video {
    -webkit-animation: fade-in 0.3s 0.3s ease forwards;
    animation: fade-in 0.3s 0.3s ease forwards;
    z-index: 16;
    display: block
}

section.video-block .video-wrapper.video-playing .play-video,
section.video-block .video-wrapper.video-playing .video-poster {
    z-index: 1
}

section.video-block .video {
    position: relative
}

section.video-block .video iframe,
section.video-block .video video {
    opacity: 0;
    display: none
}

section.video-block .video-poster {
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.video-block .video-poster:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 51, 102, 0.34);
    z-index: 3
}

@media screen and (min-width: 700px) {
    section.video-block .video-poster:before {
        background-color: rgba(0, 51, 102, 0.64)
    }
}

section.video-block .play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    z-index: 3;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 1024px) {
    section.video-block .play-video {
        width: 70px;
        height: 70px
    }
}

section.video-block .play-video:hover {
    border-color: #fc3;
    color: #fc3
}

section.video-block .play-video .icon-play {
    text-align: center;
    font-size: 18px;
    position: relative;
    left: 2px;
    top: 2px
}

@media screen and (min-width: 1024px) {
    section.video-block .play-video .icon-play {
        font-size: 24px;
        top: 4px
    }
}

section.video-block .content-wrapper {
    overflow: hidden;
    padding: 5px 30px 26px
}

@media screen and (min-width: 700px) {
    section.video-block .content-wrapper {
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    section.video-block .content-wrapper {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 100%;
        height: 100%;
        max-width: 1280px;
        z-index: 2
    }
}

section.video-block .content {
    color: #fff
}

@media screen and (min-width: 700px) {
    section.video-block .content {
        position: absolute;
        background-color: transparent;
        bottom: 0;
        left: 30px;
        z-index: 3;
        padding-left: 0;
        max-width: 335px;
        padding-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    section.video-block .content {
        max-width: 600px;
        left: 50px;
        padding-bottom: 17px
    }
}

section.video-block .content h3 {
    color: inherit;
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {
    section.video-block .content h3 {
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: -0.41px
    }
}

@media screen and (min-width: 1024px) {
    section.video-block .content h3 {
        font-size: 32px;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 0
    }
}

section.video-block .content p {
    margin-top: 11px
}

@media screen and (min-width: 700px) {
    section.video-block .content p {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px) {
    section.video-block .content p {
        font-size: 28px;
        font-size: 1.75rem;
        margin-top: 9px
    }
}

section.video-block .content p:last-child {
    margin-bottom: 25px
}

section.video-block .button {
    text-align: center;
    margin-top: 15px;
    display: block;
    max-width: 251px;
    margin-left: 0
}

@media screen and (min-width: 700px) {
    section.video-block .button {
        position: absolute;
        right: 30px;
        bottom: 30px;
        z-index: 3;
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    section.video-block .button {
        right: 50px;
        bottom: 69px
    }
}

section.stats {
    text-align: center
}

section.stats>.container {
    padding-top: 39px
}

@media screen and (min-width: 700px) {
    section.stats>.container {
        padding-top: 25px
    }
}

section.stats>.container:after {
    margin-top: 35px
}

section.stats>.container h2 {
    text-align: left
}

section.stats>.container>p {
    text-align: left
}

@media screen and (min-width: 700px) {
    section.stats .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

section.stats .row .column {
    text-align: left
}

@media screen and (min-width: 700px) {
    section.stats .row .column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 1024px) {
    section.stats.full {
        margin-bottom: 53px
    }
}

@media screen and (min-width: 700px) {
    section.stats.full p {
        font-size: 16px;
        font-size: 1rem
    }
}

section.stats.full .row {
    margin-bottom: 30px
}

@media screen and (min-width: 700px) {
    section.stats.full .row {
        margin-top: 21px
    }
}

@media screen and (min-width: 1024px) {
    section.stats.full .row {
        margin-bottom: 55px
    }
}

section.stats.full .column {
    background-color: #f4f4f4;
    overflow: hidden;
    padding: 30px;
    width: 100%
}

@media screen and (min-width: 700px) {
    section.stats.full .column {
        padding: 21px 30px 20px
    }
}

@media screen and (min-width: 1024px) {
    section.stats.full .column {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 136px
    }
}

@media screen and (min-width: 700px) {
    section.stats.full .column .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 700px) {
    section.stats.full .column .stat {
        min-width: 63px;
        padding-right: 30px;
        padding-bottom: 0;
        text-align: right
    }
}

@media screen and (min-width: 1024px) {
    section.stats.full .column .stat {
        min-width: 194px;
        padding-right: 40px
    }
}

section.stats.full .column .stat-label {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 700px) {
    section.stats.full .column .stat-label {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.15
    }
}

@media screen and (min-width: 1024px) {
    section.stats.full .column .stat-label {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.38;
        font-weight: normal
    }
}

section.stats.two-column .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px
}

@media screen and (min-width: 700px) {
    section.stats.two-column .row {
        margin-left: -7px;
        margin-right: -7px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    section.stats.two-column .row {
        margin-left: -28px;
        margin-right: -28px;
        margin-bottom: 55px
    }
}

section.stats.two-column .column {
    background-color: #f4f4f4;
    overflow: hidden;
    padding: 30px
}

@media screen and (min-width: 700px) {
    section.stats.two-column .column {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        min-height: 161px;
        padding: 23px 25px 11px
    }
}

@media screen and (min-width: 1024px) {
    section.stats.two-column .column {
        width: calc(50% - 54px);
        margin-left: 28px;
        margin-right: 28px;
        min-height: 281px;
        padding: 43px 31px 11px
    }
}

@media screen and (min-width: 700px) {
    section.stats.two-column .column .stat {
        padding-bottom: 12px
    }
}

section.stats.three-column .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 37px
}

@media screen and (min-width: 700px) {
    section.stats.three-column .row {
        margin-left: -6px;
        margin-right: -6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    section.stats.three-column .row {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 55px
    }
}

section.stats.three-column .column {
    background-color: #f4f4f4;
    overflow: hidden;
    padding: 42px 30px 20px;
    margin-bottom: 16px
}

@media screen and (min-width: 700px) {
    section.stats.three-column .column {
        width: calc(33.33% - 12px);
        margin-left: 6px;
        margin-right: 6px;
        min-height: 202px;
        padding: 23px 25px 11px
    }
}

@media screen and (min-width: 1024px) {
    section.stats.three-column .column {
        width: calc(33.33% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        min-height: 312px;
        padding: 43px 31px 11px
    }
}

section.stats .stat {
    font-size: 95px;
    font-size: 5.9375rem;
    font-family: 'Roboto Condensed', sans-serif;
    color: #e1002a;
    font-weight: 900;
    line-height: 1;
    display: block;
    letter-spacing: -4.5px
}

@media screen and (min-width: 700px) {
    section.stats .stat {
        font-size: 50px;
        font-size: 3.125rem;
        padding-bottom: 37px
    }
}

@media screen and (min-width: 1024px) {
    section.stats .stat {
        font-size: 95px;
        font-size: 5.9375rem;
        padding-bottom: 19px
    }
}

section.stats .column .stat-label {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {
    section.stats .column .stat-label {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {
    section.stats .column .stat-label {
        font-size: 24px;
        font-size: 1.5rem
    }
}

section.pathway {
    background-color: #f4f4f4;
    overflow: hidden;
    margin-top: 25px
}

section.pathway>.container {
    padding-top: 20px;
    position: relative
}

@media screen and (min-width: 1024px) {
    section.pathway>.container {
        padding-top: 28px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway>.container:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        width: 400px;
        height: 100%;
        opacity: 1;
        right: -264px;
        -webkit-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
        -webkit-transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
        transition: 1s cubic-bezier(0.11, 0.95, 0.51, 1.01);
        background-color: #007EA8;
        -webkit-transform: skewX(-7.4deg);
        transform: skewX(-7.4deg)
    }
}

section.pathway>.container h2 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.pathway>.container h2 {
        margin-bottom: 23px
    }
}

section.pathway>.container p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.pathway>.container p {
        line-height: 1.65;
        max-width: 900px
    }
}

section.pathway .pathway-slider-wrapper {
    background-color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-wrapper {
        margin-top: 22px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-wrapper {
        margin-left: 0;
        margin-right: 0;
        margin-top: 33px
    }
}

section.pathway .pathway-slider-header {
    padding-left: 37px;
    padding-right: 37px;
    position: relative;
    padding-top: 25px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-header {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-header {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 36px
    }
}

section.pathway .pathway-slider-header .indicator {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8
}

section.pathway .pathway-slider-header .slick-list {
    margin-top: -3px;
    padding-top: 3px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-header .slick-list .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }
}

section.pathway .pathway-slider-header .slide {
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.38px;
    padding: 7px 15px 9px 0;
    color: #007EA8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-header .slide {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-header .slide {
        font-size: 14px;
        font-size: .875rem;
        padding-top: 4px
    }
}

section.pathway .pathway-slider-header .slide:nth-child(1) {
    padding-left: 0
}

section.pathway .pathway-slider-header .slide:hover {
    color: #036
}

section.pathway .pathway-slider-header .slide:before {
    display: block;
    content: '';
    height: 3px;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: width 4s;
    transition: width 4s;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%
}

section.pathway .pathway-slider-header .slick-current {
    color: #000
}

section.pathway .pathway-slider-header .slick-current:before {
    background-color: #fc3
}

section.pathway .pathway-slider-header .slick-arrow {
    position: absolute;
    top: 32px;
    font-size: 17px
}

section.pathway .pathway-slider-header .slick-arrow.slick-disabled {
    display: none !important
}

section.pathway .pathway-slider-header .slick-prev {
    left: 9px
}

section.pathway .pathway-slider-header .slick-next {
    right: 9px
}

section.pathway .pathway-slider-body .slide {
    padding: 0 15px 15px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body .slide {
        padding-left: 50px;
        padding-right: 50px
    }
}

section.pathway .pathway-slider-body .slide:not(.slick-active) {
    visibility: hidden
}

section.pathway .pathway-slider-body table {
    min-width: 100%;
    border-top: 1px solid #c9c9c4;
    margin-bottom: 35px
}

section.pathway .pathway-slider-body table caption {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    color: #036;
    font-weight: 900;
    text-align: left;
    margin-bottom: 7px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body table caption {
        font-size: 16px;
        font-size: 1rem
    }
}

section.pathway .pathway-slider-body table th {
    padding-left: 0
}

section.pathway .pathway-slider-body table tr {
    border-bottom: 1px solid #c9c9c4
}

section.pathway .pathway-slider-body table tr:nth-child(even) {
    background-color: #f4f4f4
}

section.pathway .pathway-slider-body table tr td {
    font-size: 12px;
    font-size: .75rem;
    padding: 7px;
    color: #000;
    font-weight: normal;
    font-style: italic
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body table tr td {
        font-size: 16px;
        font-size: 1rem;
        padding: 4px 4px 4px 12px
    }
}

section.pathway .pathway-slider-body table tr td:first-child {
    width: 80px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body table tr td:first-child {
        width: 120px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body table tr td:first-child {
        width: 105px
    }
}

section.pathway .pathway-slider-body h3 {
    margin-top: 18px;
    margin-bottom: 17px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body h3 {
        margin-top: 13px;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body h3 {
        margin-bottom: 35px;
        margin-top: 32px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body .content.two-column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body .content.two-column .column {
        width: 50%
    }
}

section.pathway .pathway-slider-body .content.two-column .column:nth-child(1) {
    padding-right: 60px;
    margin-bottom: 20px
}

@media screen and (min-width: 700px) {
    section.pathway .pathway-slider-body .content.two-column .column:nth-child(1) {
        padding-right: 0
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body .content.two-column .column:nth-child(1) {
        padding-right: 50px
    }
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body .content.two-column .column:nth-child(2) {
        padding-left: 50px
    }
}

section.pathway .pathway-slider-body .content .column p:nth-child(1) {
    margin-top: 0
}

section.pathway .pathway-slider-body .content .column p {
    margin-bottom: 11px;
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.pathway .pathway-slider-body .content .column p {
        font-size: 16px;
        font-size: 1rem
    }
}

.pagination {
    margin-top: 25px;
    margin-bottom: 25px
}

@media screen and (min-width: 1024px) {
    .pagination {
        margin-right: 38px
    }
}

.pagination nav {
    width: 100%;
    text-align: left
}

.pagination ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.pagination ul li {
    list-style: none
}

.pagination ul li:before {
    display: none
}

@media screen and (min-width: 699px) {
    .pagination .dataTables_paginate {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.pagination a,
.pagination .page-item {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    color: #000;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: normal;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important
}

.pagination a:before,
.pagination .page-item:before {
    display: none !important
}

.pagination a:hover,
.pagination .page-item:hover {
    color: #007EA8 !important;
    border-color: #007EA8 !important;
    background-color: transparent !important
}

.pagination a.current,
.pagination .page-item.current {
    color: #036;
    font-weight: 700;
    border-bottom: 4px solid #036 !important;
    padding-bottom: 0px;
    margin-top: 3px
}

.pagination a.current:hover,
.pagination .page-item.current:hover {
    border-color: #007EA8 !important
}

.pagination .page-item {
    padding: 0
}

@media screen and (min-width: 700px) {
    .pagination .page-item {
        margin-left: 7px;
        margin-right: 7px
    }
}

@media screen and (min-width: 1024px) {
    .pagination .page-item {
        margin-left: 12px;
        margin-right: 12px
    }
}

.pagination .page-item>a {
    margin: 0;
    line-height: 1;
    padding-bottom: 1px
}

.pagination .previous,
.pagination .next {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 2px;
    border: 2px solid gray !important;
    font-size: 19px;
    display: inline-block;
    line-height: 45px;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    margin-left: 0;
    margin-right: 0
}

.pagination .previous>a,
.pagination .next>a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 700px) {
    .pagination .previous {
        margin-right: 10px
    }
}

.pagination .previous span {
    position: relative;
    left: -2px
}

@media screen and (min-width: 700px) {
    .pagination .next {
        margin-left: 10px
    }
}

.pagination .next span {
    position: relative;
    right: -2px
}

.dataTables_info {
    color: #036
}

.tags {
    margin-top: 56px
}

.tags h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    .tags h2 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.tags ul {
    padding-left: 0
}

.tags ul li {
    font-size: 15px;
    font-size: .9375rem;
    list-style: none;
    padding-left: 0;
    display: inline-block;
    color: #00779E;
    background-color: #f4f4f4;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    margin-bottom: 3px
}

.tags ul li:before {
    display: none
}

.tags ul li a {
    display: block;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 40px;
    vertical-align: middle;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    color: #00779E
}

.tags ul li a:hover {
    background-color: transparent !important;
    color: #036
}

.tags ul li a:before {
    display: none !important
}

section.generic-content {
    margin-bottom: 35px
}

section.generic-content h2 {
    letter-spacing: -0.42px
}

@media screen and (min-width: 1024px) {
    section.generic-content h2 {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    section.generic-content h3 {
        margin-bottom: 25px
    }
}

section.generic-content h4 {
    margin-bottom: 11px
}

@media screen and (min-width: 1024px) {
    section.generic-content h4 {
        margin-bottom: 23px
    }
}

section.generic-content h5 {
    margin-bottom: 11px
}

section.generic-content p {
    margin-top: 11px
}

@media screen and (min-width: 1024px) {
    section.generic-content p {
        line-height: 1.65
    }
}

section.generic-content ul {
    overflow: hidden
}

body.degree-detail header#page-title {
    margin-bottom: 32px
}

@media screen and (min-width: 1024px) {
    body.degree-detail header#page-title {
        margin-bottom: 48px
    }
}

body.degree-detail section.pathway {
    padding-bottom: 25px;
    margin-bottom: 61px
}

@media screen and (min-width: 1024px) {
    body.degree-detail section.pathway {
        padding-bottom: 49px;
        margin-bottom: 100px
    }
}

body.degree-detail section.generic-block-cta {
    margin-bottom: 49px
}

@media screen and (min-width: 1024px) {
    body.degree-detail section.generic-block-cta {
        margin-bottom: 82px
    }
}

body.audience-motivation header#page-title {
    margin-bottom: 0
}

body.audience-motivation section.photo-grid {
    margin-top: 0
}

@media screen and (min-width: 1024px) {
    body.audience-motivation section.office {
        margin-bottom: 55px
    }
}

main>article section:last-child>.container:after {
    display: none
}

body.directory-listing header#page-title {
    margin-bottom: 0
}

@media screen and (min-width: 700px) {
    body.directory-listing header#page-title {
        background-color: #f4f4f4;
        padding-bottom: 120px;
        margin-bottom: -120px
    }
}

@media screen and (min-width: 1024px) {
    body.directory-listing header#page-title {
        padding-bottom: 150px;
        margin-bottom: -150px
    }
}

body.directory-listing header#page-title .container {
    padding-top: 131px;
    margin-bottom: 18px
}

@media screen and (min-width: 700px) {
    body.directory-listing header#page-title .container {
        padding-top: 141px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    body.directory-listing header#page-title .container {
        padding-top: 168px;
        margin-bottom: 17px
    }
}

@media screen and (min-width: 700px) {
    body.directory-listing header#page-title .container h1 {
        margin-bottom: 0
    }
}

body.directory-listing .table-container {
    overflow: hidden
}

body.directory-listing #directory+.results {
    margin-bottom: 0
}

#directory {
    margin-top: 3px;
    margin-bottom: 20px;
    border-top: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100% !important
}

@media screen and (max-width: 827px) {
    #directory {
        margin-top: 30px
    }
}

@media screen and (min-width: 700px) {
    #directory {
        margin-top: 47px
    }
}

@media screen and (min-width: 1024px) {
    #directory {
        border-top: 0 !important;
        margin-top: 59px
    }
}

#directory thead {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#directory tbody {
    border-top: none
}

#directory tbody tr {
    overflow: hidden;
    border-bottom: 0;
    display: block;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #f4f4f4;
    border-bottom: 10px solid #fff
}

@media screen and (min-width: 1024px) {
    #directory tbody tr {
        display: table-row
    }
}

#directory tbody tr td {
    font-size: 16px;
    font-size: 1rem;
    padding: 14px 15px 15px 12px;
    padding-left: 22px;
    display: block;
    line-height: 1.8
}

@media screen and (max-width: 699px) {
    #directory tbody tr td {
        padding: 5px 15px 4px 15px
    }
}

@media screen and (max-width: 827px) {
    #directory tbody tr td {
        padding: 4px 15px 4px 12px
    }
}

@media screen and (min-width: 700px) {
    #directory tbody tr td {
        padding-left: 30px;
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 12px;
        padding-bottom: 13px !important;
        display: table-cell;
        float: none !important
    }
}

#directory tbody tr td:nth-child(1) {
    padding-bottom: 1px;
    padding-top: 21px
}

#directory tbody tr td:nth-child(1) a {
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td:nth-child(1) a {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td:nth-child(1) {
        width: 41%;
        padding-left: 44px;
        padding-top: 26px
    }
}

#directory tbody tr td:nth-child(1) .position {
    margin-bottom: 6px;
    display: block
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td:nth-child(1) .position {
        font-size: 20px;
        font-size: 1.25rem
    }
}

#directory tbody tr td:nth-child(2) {
    padding-bottom: 0
}

@media screen and (min-width: 700px) {
    #directory tbody tr td:nth-child(2) {
        padding-top: 21px;
        padding-left: 0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td:nth-child(2) {
        width: 23%;
        padding-top: 26px
    }
}

@media screen and (min-width: 700px) {
    #directory tbody tr td:nth-child(2) .location {
        margin-top: 0
    }
}

#directory tbody tr td:nth-child(3) {
    padding-top: 0;
    padding-bottom: 27px
}

@media screen and (min-width: 700px) {
    #directory tbody tr td:nth-child(3) {
        clear: both;
        float: right;
        padding-left: 0;
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td:nth-child(3) {
        width: 36%;
        clear: none;
        padding: 26px 15px 15px 12px
    }
}

#directory tbody tr td .icon-arrow-right {
    font-size: 13px
}

@media screen and (min-width: 1024px) {
    #directory tbody tr td .icon-arrow-right {
        font-size: 16px
    }
}

#directory tbody tr td .icon-email {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

#directory tbody tr td h2 {
    margin: 0
}

#directory tbody tr td a {
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    color: #00779E
}

#directory tbody tr td a:hover {
    background-color: transparent;
    color: #036
}

#directory tbody tr td a[href^="mailto:"] {
    margin-top: 2px;
    display: block;
    word-break: break-all
}

.dataTables_wrapper .results,
#news-list .results,
#our-stories .results {
    border-bottom: 2px solid #ddd;
    padding-bottom: 29px
}

@media screen and (min-width: 700px) {

    .dataTables_wrapper .results,
    #news-list .results,
    #our-stories .results {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 45px;
        padding-bottom: 5px
    }
}

@media screen and (min-width: 1024px) {

    .dataTables_wrapper .results,
    #news-list .results,
    #our-stories .results {
        padding: 0;
        padding-bottom: 15px
    }
}

.dataTables_wrapper .results .showing,
#news-list .results .showing,
#our-stories .results .showing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 700px) {

    .dataTables_wrapper .results .showing,
    #news-list .results .showing,
    #our-stories .results .showing {
        margin-bottom: 0;
        width: 50%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.dataTables_wrapper .results .pagination,
#news-list .results .pagination,
#our-stories .results .pagination {
    text-align: center
}

@media screen and (min-width: 700px) {

    .dataTables_wrapper .results .pagination,
    #news-list .results .pagination,
    #our-stories .results .pagination {
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.dataTables_wrapper .dataTables_info,
#news-list .dataTables_info,
#our-stories .dataTables_info {
    font-size: 16px;
    font-size: 1rem;
    margin-left: auto
}

@media screen and (min-width: 550px) {

    .dataTables_wrapper .dataTables_info,
    #news-list .dataTables_info,
    #our-stories .dataTables_info {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 700px) {

    .dataTables_wrapper .dataTables_info,
    #news-list .dataTables_info,
    #our-stories .dataTables_info {
        margin-left: 17px
    }
}

@media screen and (min-width: 1024px) {

    .dataTables_wrapper .dataTables_info,
    #news-list .dataTables_info,
    #our-stories .dataTables_info {
        margin-left: auto
    }
}

.dataTables_wrapper .dataTables_length,
#news-list .dataTables_length,
#our-stories .dataTables_length {
    min-width: 140px
}

@media screen and (min-width: 550px) {

    .dataTables_wrapper .dataTables_length,
    #news-list .dataTables_length,
    #our-stories .dataTables_length {
        min-width: 170px
    }
}

@media screen and (min-width: 700px) {

    .dataTables_wrapper .dataTables_length,
    #news-list .dataTables_length,
    #our-stories .dataTables_length {
        width: 150px;
        margin-left: auto
    }
}

@media screen and (min-width: 1024px) {

    .dataTables_wrapper .dataTables_length,
    #news-list .dataTables_length,
    #our-stories .dataTables_length {
        margin-left: 0
    }
}

.dataTables_wrapper .dataTables_length select,
#news-list .dataTables_length select,
#our-stories .dataTables_length select {
    height: 45px;
    padding: 5px 29px 3px 5px;
    margin-bottom: 0;
    border-radius: 2px;
    border: 2px solid gray !important;
    color: #000
}

@media screen and (max-width: 1023px) {

    .dataTables_wrapper .dataTables_length select,
    #news-list .dataTables_length select,
    #our-stories .dataTables_length select {
        background-position: right 13px top 13px;
        background-size: 8px auto
    }
}

@media screen and (min-width: 1024px) {

    .dataTables_wrapper .dataTables_length select,
    #news-list .dataTables_length select,
    #our-stories .dataTables_length select {
        font-size: 16px;
        font-size: 1rem;
        padding: 7px 35px 10px 7px;
        height: 45px;
        width: 100%
    }
}

#news-list .results,
#our-stories .results {
    border-bottom: none;
    border-top: 2px solid #ddd
}

@media screen and (min-width: 700px) {

    #news-list .results,
    #our-stories .results {
        margin-top: 50px
    }
}

@media screen and (min-width: 1024px) {

    #news-list .results,
    #our-stories .results {
        margin-top: 69px
    }
}

@media screen and (min-width: 700px) {

    #news-list .pagination,
    #our-stories .pagination {
        margin-top: 28px
    }
}

@media screen and (min-width: 1024px) {

    #news-list .pagination,
    #our-stories .pagination {
        margin-top: 62px;
        margin-bottom: 35px
    }
}

#news-list .pagination nav,
#our-stories .pagination nav {
    text-align: center;
    margin-bottom: 12px
}

@media screen and (min-width: 700px) {

    #news-list .pagination nav,
    #our-stories .pagination nav {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {

    #news-list .pagination nav,
    #our-stories .pagination nav {
        width: auto;
        margin-right: 38px
    }
}

.directory-filters {
    margin-bottom: 3px;
    background-color: #036;
    border-radius: 2px;
    color: #fff;
    padding: 22px 15px 10px;
    position: relative
}

.directory-filters:before,
.directory-filters:after {
    content: " ";
    display: table
}

.directory-filters:after {
    clear: both
}

@media screen and (min-width: 700px) {
    .directory-filters {
        margin-top: 0;
        margin-bottom: 5px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 14px;
        padding: 40px 40px 15px
    }
}

.directory-filters h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 22px
}

@media screen and (min-width: 700px) {
    .directory-filters h2 {
        margin-bottom: 19px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters h2 {
        margin-bottom: 23px
    }
}

.directory-filters #filtered-results {
    float: left;
    margin-top: 20px;
    font-weight: 300
}

@media screen and (min-width: 700px) {
    .directory-filters #filtered-results {
        margin-top: 0;
        clear: both
    }
}

.directory-filters .reset-button {
    font-size: 14px;
    font-size: .875rem;
    position: absolute;
    top: 20px;
    right: 15px;
    color: #fff;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -0.33px
}

@media screen and (min-width: 1024px) {
    .directory-filters .reset-button {
        font-size: 16px;
        font-size: 1rem;
        top: 44px;
        right: 40px
    }
}

.directory-filters .reset-button:hover {
    background-color: transparent !important;
    color: #fc3
}

.directory-filters .reset-button .icon-close-square {
    font-size: 20px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

@media screen and (min-width: 1024px) {
    .directory-filters .reset-button .icon-close-square {
        font-size: 21px;
        margin-right: 7px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .reset-button .filter-control-label-mobile {
        display: none
    }
}

.directory-filters .reset-button .filter-control-label {
    display: none
}

@media screen and (min-width: 1024px) {
    .directory-filters .reset-button .filter-control-label {
        display: inline-block
    }
}

.directory-filters .filter {
    width: 100%;
    margin-right: 15px
}

@media screen and (min-width: 700px) {
    .directory-filters .filter {
        float: left;
        margin-right: 0;
        width: calc(33.33%);
        padding-right: 10px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter {
        padding-right: 14px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter.type {
        max-width: 240px
    }
}

.directory-filters .filter.dept {
    margin-bottom: 16px
}

@media screen and (min-width: 700px) {
    .directory-filters .filter.dept {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter.dept {
        max-width: 240px
    }
}

@media screen and (min-width: 700px) {
    .directory-filters .filter.search {
        padding-left: 30px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter.search {
        float: right
    }
}

.directory-filters .filter label {
    font-size: 15px;
    font-size: .9375rem;
    display: block;
    font-weight: 600;
    margin-bottom: 2px
}

@media screen and (min-width: 700px) {
    .directory-filters .filter label {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter label {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 3px
    }
}

.directory-filters .filter select {
    height: 40px;
    border-radius: 4px;
    padding: 5px 29px 8px 5px;
    color: #000;
    margin-bottom: 16px;
    max-width: 100% !important
}

@media screen and (max-width: 1023px) {
    .directory-filters .filter select {
        background-position: right 13px top 13px;
        background-size: 8px auto
    }
}

@media screen and (min-width: 700px) {
    .directory-filters .filter select {
        margin-bottom: 21px
    }
}

@media screen and (min-width: 1024px) {
    .directory-filters .filter select {
        font-size: 16px;
        font-size: 1rem;
        padding: 5px 35px 5px 7px;
        height: 40px;
        width: 100%
    }
}

.directory-filters #searchFilter {
    color: #000;
    height: 40px;
    width: 100%;
    padding: 5px 29px 8px 10px;
    border-radius: 4px;
    border: none
}

@media screen and (min-width: 1024px) {
    .directory-filters #searchFilter {
        font-size: 16px;
        font-size: 1rem
    }
}

body.our-stories-listing header#page-title,
body.news-story-listing header#page-title {
    margin-bottom: 0
}

@media screen and (min-width: 700px) {

    body.our-stories-listing header#page-title,
    body.news-story-listing header#page-title {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing header#page-title,
    body.news-story-listing header#page-title {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 699px) {

    body.our-stories-listing header#page-title .container,
    body.news-story-listing header#page-title .container {
        padding-bottom: 11px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing header#page-title .container,
    body.news-story-listing header#page-title .container {
        padding-top: 165px;
        padding-bottom: 8px
    }
}

body.our-stories-listing section article:before,
body.our-stories-listing section article:after,
body.news-story-listing section article:before,
body.news-story-listing section article:after {
    content: " ";
    display: table
}

body.our-stories-listing section article:after,
body.news-story-listing section article:after {
    clear: both
}

body.our-stories-listing section img,
body.news-story-listing section img {
    border-radius: 2px
}

body.our-stories-listing section a,
body.news-story-listing section a {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important
}

body.our-stories-listing section a:hover,
body.news-story-listing section a:hover {
    background-color: transparent;
    color: #036
}

body.our-stories-listing section a .icon-arrow-right,
body.news-story-listing section a .icon-arrow-right {
    font-size: 12px
}

body.our-stories-listing section article:first-child:not(.firstPost),
body.news-story-listing section article:first-child:not(.firstPost) {
    margin-top: 40px
}

body.our-stories-listing section article.firstPost,
body.news-story-listing section article.firstPost {
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

@media screen and (max-width: 699px) {

    body.our-stories-listing section article.firstPost,
    body.news-story-listing section article.firstPost {
        background-image: none !important
    }
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article.firstPost,
    body.news-story-listing section article.firstPost {
        background-color: #036 !important
    }

    body.our-stories-listing section article.firstPost:before,
    body.news-story-listing section article.firstPost:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1
    }
}

body.our-stories-listing section article.firstPost .mobile,
body.news-story-listing section article.firstPost .mobile {
    background-color: #036 !important;
    background-size: cover !important;
    background-position: center !important
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article.firstPost .mobile,
    body.news-story-listing section article.firstPost .mobile {
        background-image: none !important;
        background-color: transparent !important
    }
}

body.our-stories-listing section article.firstPost .mobile:before,
body.news-story-listing section article.firstPost .mobile:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

body.our-stories-listing section article.firstPost .container,
body.news-story-listing section article.firstPost .container {
    position: relative;
    z-index: 1
}

body.our-stories-listing section article.firstPost h2,
body.news-story-listing section article.firstPost h2 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 9px;
    margin-bottom: 5px;
    letter-spacing: -0.35px
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article.firstPost h2,
    body.news-story-listing section article.firstPost h2 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

body.our-stories-listing section article.firstPost a,
body.news-story-listing section article.firstPost a {
    color: #fff
}

body.our-stories-listing section article.firstPost .quote,
body.news-story-listing section article.firstPost .quote {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 10px
}

body.our-stories-listing section article.firstPost .excerpt,
body.news-story-listing section article.firstPost .excerpt {
    line-height: 1.39;
    margin-bottom: 9px
}

body.our-stories-listing section article.firstPost .sub-title,
body.news-story-listing section article.firstPost .sub-title {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 5px
}

body.our-stories-listing section article.firstPost {
    text-align: center
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost {
        text-align: left
    }
}

body.our-stories-listing section article.firstPost .mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    min-height: 439px;
    overflow: hidden
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .mobile {
        height: 520px
    }
}

@media screen and (min-width: 1024px) {
    body.our-stories-listing section article.firstPost .mobile {
        height: 680px
    }
}

body.our-stories-listing section article.firstPost .mobile:before {
    background-color: rgba(0, 0, 0, 0.35)
}

body.our-stories-listing section article.firstPost .container {
    padding: 226px 40px 13px
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .container {
        padding: 25px 50px 38px;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    body.our-stories-listing section article.firstPost .container {
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .content {
        padding-left: 0
    }
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .content .quote {
        font-size: 20px;
        font-size: 1.25rem;
        max-width: 307px;
        font-weight: normal;
        line-height: 1.55
    }
}

@media screen and (min-width: 1024px) {
    body.our-stories-listing section article.firstPost .content .quote {
        font-size: 34px;
        font-size: 2.125rem;
        max-width: 523px;
        line-height: 1.38
    }
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .content h2 {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 9px;
        margin-top: 40px
    }
}

@media screen and (min-width: 1024px) {
    body.our-stories-listing section article.firstPost .content h2 {
        font-size: 24px;
        font-size: 1.5rem;
        margin-top: 34px
    }
}

body.our-stories-listing section article.firstPost .content a:hover {
    color: #fc3
}

body.our-stories-listing section article.firstPost .content .sub-title {
    font-weight: normal !important
}

@media screen and (min-width: 700px) {
    body.our-stories-listing section article.firstPost .content .sub-title {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {
    body.our-stories-listing section article.firstPost .content .sub-title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body.news-story-listing section article.firstPost {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    min-height: 312px
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost {
        height: 356px;
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 21px
    }

    body.news-story-listing section article.firstPost:before {
        background-color: rgba(0, 51, 102, 0.6)
    }
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost {
        height: 578px;
        padding-bottom: 35px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 60px
    }
}

body.news-story-listing section article.firstPost .mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    min-height: 312px
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost .mobile {
        min-height: 0
    }
}

body.news-story-listing section article.firstPost .mobile:before {
    background-color: rgba(0, 51, 102, 0.6)
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost .mobile:before {
        display: none
    }
}

body.news-story-listing section article.firstPost .container {
    padding-top: 23px;
    padding-bottom: 13px;
    margin: 0
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost .container {
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost .container {
        padding-left: 50px;
        padding-right: 50px;
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost .content {
        padding-left: 0 !important
    }
}

body.news-story-listing section article.firstPost .post-date {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fdffdb;
    display: block
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost .post-date {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body.news-story-listing section article.firstPost h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.23px;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: 8px
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost h2 {
        font-size: 32px !important;
        font-size: 2rem !important;
        line-height: 1.4;
        margin-top: 17px;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost h2 {
        font-size: 42px !important;
        font-size: 2.625rem !important;
        line-height: 1.2;
        margin-top: 21px;
        margin-bottom: 22px
    }
}

body.news-story-listing section article.firstPost h2 a {
    color: #fff;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

body.news-story-listing section article.firstPost h2 a:hover {
    background-color: transparent;
    color: #fc3
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost h2 a .icon-arrow-right {
        font-size: 24px;
        font-size: 1.5rem
    }
}

body.news-story-listing section article.firstPost .excerpt {
    font-size: 14px;
    font-size: .875rem;
    color: #000;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.37;
    margin-top: 16px
}

@media screen and (min-width: 700px) {
    body.news-story-listing section article.firstPost .excerpt {
        font-size: 16px;
        font-size: 1rem;
        color: #fff;
        position: relative;
        z-index: 2;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
        max-width: 75%
    }
}

@media screen and (min-width: 1024px) {
    body.news-story-listing section article.firstPost .excerpt {
        font-size: 18px;
        font-size: 1.125rem;
        padding-left: 50px;
        padding-right: 50px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1280px
    }
}

body.our-stories-listing section article,
body.news-story-listing section article {
    margin-bottom: 10px
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article,
    body.news-story-listing section article {
        margin-bottom: 14px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article,
    body.news-story-listing section article {
        margin-bottom: 20px
    }
}

body.our-stories-listing section article figure,
body.our-stories-listing section article img,
body.news-story-listing section article figure,
body.news-story-listing section article img {
    margin-bottom: 10px
}

body.our-stories-listing section article .quote,
body.news-story-listing section article .quote {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.45
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .quote,
    body.news-story-listing section article .quote {
        margin-top: 0;
        margin-bottom: 23px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .quote,
    body.news-story-listing section article .quote {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 29px
    }
}

body.our-stories-listing section article h2,
body.news-story-listing section article h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 8px;
    letter-spacing: -0.33px;
    margin: 0
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article h2,
    body.news-story-listing section article h2 {
        font-size: 22px;
        font-size: 1.375rem;
        margin-bottom: 17px
    }
}

body.our-stories-listing section article h2 a,
body.news-story-listing section article h2 a {
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: none !important
}

body.our-stories-listing section article h2 a:hover,
body.news-story-listing section article h2 a:hover {
    background-color: transparent;
    color: #3a3a3a
}

body.our-stories-listing section article .container:before,
body.our-stories-listing section article .container:after,
body.news-story-listing section article .container:before,
body.news-story-listing section article .container:after {
    content: " ";
    display: table
}

body.our-stories-listing section article .container:after,
body.news-story-listing section article .container:after {
    clear: both
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .container,
    body.news-story-listing section article .container {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .container,
    body.news-story-listing section article .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .content,
    body.news-story-listing section article .content {
        padding-left: 218px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .content,
    body.news-story-listing section article .content {
        padding-left: 375px
    }
}

body.our-stories-listing section article .post-image,
body.news-story-listing section article .post-image {
    max-width: 495px
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .post-image,
    body.news-story-listing section article .post-image {
        width: 192px;
        float: left
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .post-image,
    body.news-story-listing section article .post-image {
        width: 323px
    }
}

@media screen and (max-width: 699px) {

    body.our-stories-listing section article .post-image img,
    body.news-story-listing section article .post-image img {
        width: 100%
    }
}

body.our-stories-listing section article .post-date,
body.news-story-listing section article .post-date {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    color: #036
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .post-date,
    body.news-story-listing section article .post-date {
        line-height: 1;
        margin-bottom: 29px
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .post-date,
    body.news-story-listing section article .post-date {
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 7px
    }
}

body.our-stories-listing section article .excerpt,
body.news-story-listing section article .excerpt {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .excerpt,
    body.news-story-listing section article .excerpt {
        max-width: 85%
    }
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .excerpt,
    body.news-story-listing section article .excerpt {
        font-size: 18px;
        font-size: 1.125rem
    }
}

body.our-stories-listing section article .sub-title,
body.news-story-listing section article .sub-title {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 4px;
    font-weight: 700
}

@media screen and (min-width: 1024px) {

    body.our-stories-listing section article .sub-title,
    body.news-story-listing section article .sub-title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

body.our-stories-listing section article .icon-arrow-right,
body.news-story-listing section article .icon-arrow-right {
    font-size: 13px
}

@media screen and (min-width: 700px) {

    body.our-stories-listing section article .icon-arrow-right,
    body.news-story-listing section article .icon-arrow-right {
        font-size: 15px
    }
}

section.admissions-table .container {
    text-align: center
}

section.admissions-table .container h2,
section.admissions-table .container p,
section.admissions-table .container table {
    text-align: left
}

section.admissions-table .container table {
    margin-bottom: 28px
}

@media screen and (min-width: 1024px) {
    section.admissions-table .container table {
        margin-bottom: 45px
    }
}

@media screen and (min-width: 700px) {
    body.our-stories-listing header#page-title {
        margin-bottom: 0
    }
}

body.office-detail header#page-title,
body.staff-detail header#page-title {
    margin-bottom: 16px
}

@media screen and (min-width: 700px) {

    body.office-detail header#page-title,
    body.staff-detail header#page-title {
        margin-bottom: 42px
    }
}

@media screen and (min-width: 1024px) {

    body.office-detail header#page-title,
    body.staff-detail header#page-title {
        margin-bottom: 82px
    }
}

body.news-detail header#page-title {
    margin-bottom: 30px
}

@media screen and (min-width: 700px) {
    body.news-detail header#page-title {
        margin-bottom: 42px
    }
}

@media screen and (min-width: 1024px) {
    body.news-detail header#page-title {
        margin-bottom: 58px
    }
}

@media screen and (min-width: 1024px) {
    body.news-detail section.generic-content figure {
        margin-bottom: 83px
    }
}

body.staff-detail header#page-title h1 {
    margin-bottom: 5px
}

body.staff-detail header#page-title .position {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 5px
}

@media screen and (min-width: 700px) {
    body.staff-detail header#page-title .position {
        font-size: 20px;
        font-size: 1.25rem;
        margin-top: 16px
    }
}

@media screen and (min-width: 1024px) {
    body.staff-detail header#page-title .position {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media screen and (min-width: 1024px) {
    body.staff-detail section.detail-body-top .row {
        margin-bottom: 52px
    }
}

@media screen and (min-width: 700px) {
    section.detail-body-top .row {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top .row {
        margin-bottom: 11px
    }
}

@media screen and (min-width: 700px) {
    section.detail-body-top img {
        width: 192px;
        height: auto;
        float: left
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top img {
        width: 400px
    }
}

@media screen and (min-width: 700px) {
    section.detail-body-top img+.column {
        padding-left: 230px
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top img+.column {
        padding-left: 461px
    }
}

section.detail-body-top table {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 20px;
    margin-bottom: 0
}

@media screen and (min-width: 700px) {
    section.detail-body-top table {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top table {
        font-size: 24px;
        font-size: 1.5rem
    }
}

section.detail-body-top table tbody {
    border-top: none
}

section.detail-body-top table tr {
    background-color: transparent !important;
    border-bottom: none
}

@media screen and (max-width: 699px) {
    section.detail-body-top table tr {
        display: block;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 700px) {
    section.detail-body-top table tr:first-child td {
        padding-top: 0
    }
}

section.detail-body-top table tr td {
    padding: 0
}

@media screen and (max-width: 699px) {
    section.detail-body-top table tr td {
        display: block
    }
}

@media screen and (min-width: 700px) {
    section.detail-body-top table tr td {
        padding-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top table tr td {
        padding-bottom: 20px
    }
}

section.detail-body-top table tr td:first-child,
section.detail-body-top table tr th[scope="row"] {
    font-weight: 700;
    color: #036
}

@media screen and (min-width: 700px) {

    section.detail-body-top table tr td:first-child,
    section.detail-body-top table tr th[scope="row"] {
        font-size: 18px;
        font-size: 1.125rem;
        padding-left: 0;
        min-width: 109px
    }
}

@media screen and (min-width: 1024px) {

    section.detail-body-top table tr td:first-child,
    section.detail-body-top table tr th[scope="row"] {
        font-size: 24px;
        font-size: 1.5rem;
        min-width: 136px
    }
}

section.detail-body-top table a[href^="mailto:"] {
    border-bottom: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important
}

section.detail-body-top table a[href^="mailto:"]:hover {
    background-color: transparent !important
}

section.detail-body-top table a[href^="mailto:"] .icon-email {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 3px
}

@media screen and (min-width: 700px) {
    section.detail-body-top table a[href^="mailto:"] .icon-email {
        font-size: 26px;
        margin-right: 7px;
        vertical-align: middle;
        position: relative;
        top: -1px
    }
}

section.detail-body-top .bordered:after,
section.detail-body-top section.program-finder .program-finder-results:after,
section.program-finder section.detail-body-top .program-finder-results:after,
section.detail-body-top section.program-finder .class-finder-results:after,
section.program-finder section.detail-body-top .class-finder-results:after,
section.detail-body-top section.class-finder .program-finder-results:after,
section.class-finder section.detail-body-top .program-finder-results:after,
section.detail-body-top section.class-finder .class-finder-results:after,
section.class-finder section.detail-body-top .class-finder-results:after {
    margin-top: 10px
}

section.detail-body-top .links-wrapper {
    margin-top: 10px
}

@media screen and (min-width: 1024px) {
    section.detail-body-top .links-wrapper {
        margin-top: 20px
    }
}

section.detail-body-top .links-wrapper a.button {
    margin-bottom: 10px;
    padding: 6px 16px 6px
}

@media screen and (min-width: 700px) {
    section.detail-body-top .links-wrapper a.button {
        display: inline-block;
        min-width: 0;
        margin-right: 7px
    }
}

@media screen and (min-width: 1024px) {
    section.detail-body-top .links-wrapper a.button {
        margin-right: 15px;
        padding: 12px 18px 13px
    }
}

body.story-detail blockquote {
    border: none !important
}

body.story-detail blockquote:before {
    display: none !important
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    section.welcome-to .grid .image-overlay:before {
        display: block;
        content: '';
        background-color: rgba(0, 51, 102, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
    section.welcome-to .grid .image-overlay:before {
        display: block;
        content: '';
        background-color: rgba(0, 51, 102, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#program-finder-template header.hero-image,
#class-finder-template header.hero-image {
    margin-bottom: 0
}

#program-finder-template section.three-column .container:after,
#class-finder-template section.three-column .container:after {
    display: none
}

#program-finder-template section.generic-block-cta,
#class-finder-template section.generic-block-cta {
    margin-bottom: 80px;
    margin-top: 40px
}

@media screen and (min-width: 1024px) {

    #program-finder-template section.generic-block-cta,
    #class-finder-template section.generic-block-cta {
        margin-bottom: 100px
    }
}

#program-finder-template section .container,
#class-finder-template section .container {
    max-width: 1130px;
    margin: 0 auto
}

.results-button {
    position: fixed;
    bottom: 0;
    left: 50%;
    padding: 12px 15px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ffbf00;
    border: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    z-index: 100
}

.results-button:hover {
    background-color: #fc3
}

.results-button.jsHidden,
.results-button.jsInList {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0s ease 0.3s;
    transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0s ease 0.3s
}

.results-button .num {
    font-size: 1.2em
}

@media (max-width: 699px) {
    .results-button .num {
        display: block
    }
}

section.program-finder .container,
section.class-finder .container {
    position: relative;
    max-width: 1130px;
    margin: 0 auto
}

section.program-finder h3.title,
section.class-finder h3.title {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.67px;
    line-height: 1.33;
    margin: 0 10px 0 0;
    padding: 0;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {

    section.program-finder h3.title,
    section.class-finder h3.title {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder h3.title,
    section.class-finder h3.title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

section.program-finder .filter-control-wrapper,
section.class-finder .filter-control-wrapper {
    background: #f4f4f4;
    position: relative
}

section.program-finder .filter-controls,
section.class-finder .filter-controls {
    overflow: hidden
}

section.program-finder .filter-controls.collapsed .jump-to-results,
section.class-finder .filter-controls.collapsed .jump-to-results {
    display: none
}

@media screen and (min-width: 700px) {

    section.program-finder .filter-controls.collapsed .jump-to-results,
    section.class-finder .filter-controls.collapsed .jump-to-results {
        display: inline-block
    }
}

@media screen and (min-width: 700px) {

    section.program-finder .filter-controls,
    section.class-finder .filter-controls {
        padding: 0
    }
}

section.program-finder .filter-controls h2,
section.class-finder .filter-controls h2 {
    margin-top: 0
}

section.program-finder .filter-controls a,
section.class-finder .filter-controls a {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

section.program-finder .filter-controls a:hover,
section.class-finder .filter-controls a:hover {
    background-color: transparent
}

section.program-finder .filter-control,
section.class-finder .filter-control {
    color: #3a3a3a;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    font-size: .875rem;
    padding: 8px 0;
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 700px) {

    section.program-finder .filter-control,
    section.class-finder .filter-control {
        display: inline-block;
        margin: 0 14px 0 3px
    }
}

section.program-finder .filter-control:hover,
section.class-finder .filter-control:hover {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #007EA8
}

section.program-finder .filter-control::before,
section.class-finder .filter-control::before {
    content: none
}

section.program-finder .filter-control .icon,
section.class-finder .filter-control .icon {
    color: #007EA8;
    padding-right: 9px;
    font-size: 22px;
    font-size: 1.375rem;
    -webkit-transform: 0.3s color ease-out;
    transform: 0.3s color ease-out
}

@media screen and (min-width: 1024px) {

    section.program-finder .filter-control .icon,
    section.class-finder .filter-control .icon {
        font-size: 24px;
        font-size: 1.5rem
    }
}

section.program-finder .filter-control span,
section.class-finder .filter-control span {
    vertical-align: middle
}

section.program-finder .filter-control-label,
section.class-finder .filter-control-label {
    display: none
}

section.program-finder .filter-control-label-mobile,
section.class-finder .filter-control-label-mobile {
    display: inline-block
}

@media screen and (min-width: 1024px) {

    section.program-finder .filter-control-label,
    section.class-finder .filter-control-label {
        display: inline-block;
        font-size: 16px;
        font-size: 1rem
    }

    section.program-finder .filter-control-label-mobile,
    section.class-finder .filter-control-label-mobile {
        display: none
    }
}

section.program-finder .jump-to-results,
section.class-finder .jump-to-results {
    position: absolute;
    top: 84px;
    left: 0px;
    right: 0px;
    width: 100%;
    border: 2px solid #dbdbdb;
    font-size: 14px;
    font-size: .875rem;
    border-left: none;
    border-right: none;
    padding: 14px 16px
}

section.program-finder .jump-to-results .filter-control-label,
section.class-finder .jump-to-results .filter-control-label {
    display: inline-block
}

@media screen and (min-width: 700px) {

    section.program-finder .jump-to-results,
    section.class-finder .jump-to-results {
        position: absolute;
        border: none;
        padding: 8px 0;
        width: auto;
        top: 24px;
        right: 232px;
        left: auto
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .jump-to-results,
    section.class-finder .jump-to-results {
        position: absolute;
        border: none;
        padding: 8px 0;
        width: auto;
        top: 52px;
        right: 402px;
        left: auto
    }
}

section.program-finder .hide-button,
section.class-finder .hide-button {
    right: 8px;
    min-width: 68px
}

@media screen and (min-width: 700px) {

    section.program-finder .hide-button,
    section.class-finder .hide-button {
        right: 50px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .hide-button,
    section.class-finder .hide-button {
        min-width: 130px;
        right: 35px
    }
}

section.program-finder .reset-button,
section.class-finder .reset-button {
    right: 96px
}

@media screen and (min-width: 700px) {

    section.program-finder .reset-button,
    section.class-finder .reset-button {
        right: 141px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .reset-button,
    section.class-finder .reset-button {
        right: 210px
    }
}

section.program-finder .hide-button,
section.program-finder .reset-button,
section.class-finder .hide-button,
section.class-finder .reset-button {
    position: absolute;
    top: 23px
}

@media screen and (min-width: 700px) {

    section.program-finder .hide-button,
    section.program-finder .reset-button,
    section.class-finder .hide-button,
    section.class-finder .reset-button {
        top: 24px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .hide-button,
    section.program-finder .reset-button,
    section.class-finder .hide-button,
    section.class-finder .reset-button {
        top: 52px
    }
}

@media screen and (min-width: 700px) {

    section.program-finder .full-filter,
    section.class-finder .full-filter {
        margin: 0 -10px
    }
}

section.program-finder .full-filter h3,
section.class-finder .full-filter h3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%
}

@media screen and (min-width: 700px) {

    section.program-finder .half-filter,
    section.class-finder .half-filter {
        display: inline-block;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: calc(48% - 10px);
        margin: 0 10px
    }
}

section.program-finder .article-wrapper,
section.class-finder .article-wrapper {
    width: 100%
}

@media screen and (min-width: 700px) {

    section.program-finder .article-wrapper,
    section.class-finder .article-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .article-wrapper,
    section.class-finder .article-wrapper {
        margin: -20px -25px;
        width: calc(100% + 50px)
    }
}

section.program-finder .program-listing,
section.program-finder .class-listing,
section.class-finder .program-listing,
section.class-finder .class-listing {
    position: relative;
    background: #f4f4f4;
    padding: 18px 18px 18px 52px;
    margin: 10px auto
}

@media screen and (min-width: 700px) {

    section.program-finder .program-listing,
    section.program-finder .class-listing,
    section.class-finder .program-listing,
    section.class-finder .class-listing {
        width: calc(50% - 20px);
        margin: 5px 10px;
        padding: 18px 18px 42px 48px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .program-listing,
    section.program-finder .class-listing,
    section.class-finder .program-listing,
    section.class-finder .class-listing {
        margin: 20px 25px;
        padding: 30px 10px 50px 62px;
        width: calc(50% - 50px)
    }
}

section.program-finder .program-listing .icons,
section.program-finder .class-listing .icons,
section.class-finder .program-listing .icons,
section.class-finder .class-listing .icons {
    position: absolute;
    left: 20px;
    top: 25px;
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width: 700px) {

    section.program-finder .program-listing .icons,
    section.program-finder .class-listing .icons,
    section.class-finder .program-listing .icons,
    section.class-finder .class-listing .icons {
        left: 16px;
        top: 22px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder .program-listing .icons,
    section.program-finder .class-listing .icons,
    section.class-finder .program-listing .icons,
    section.class-finder .class-listing .icons {
        font-size: 18px;
        font-size: 1.125rem;
        left: 30px;
        top: 36px
    }
}

section.program-finder .program-listing .icons .icon,
section.program-finder .class-listing .icons .icon,
section.class-finder .program-listing .icons .icon,
section.class-finder .class-listing .icons .icon {
    display: block;
    margin-bottom: 10px
}

section.program-finder h3.area-of-interest,
section.class-finder h3.area-of-interest {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0 auto
}

section.program-finder h3.area-of-interest a,
section.class-finder h3.area-of-interest a {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

section.program-finder h3.area-of-interest a:hover,
section.class-finder h3.area-of-interest a:hover {
    background: transparent
}

@media screen and (min-width: 1024px) {

    section.program-finder h3.area-of-interest,
    section.class-finder h3.area-of-interest {
        font-size: 28px;
        font-size: 1.75rem;
        letter-spacing: -0.51px;
        line-height: 1.07
    }
}

section.program-finder p.degree-type,
section.class-finder p.degree-type {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
    margin: 0
}

@media screen and (min-width: 1024px) {

    section.program-finder p.degree-type,
    section.class-finder p.degree-type {
        font-size: 24px;
        font-size: 1.5rem
    }
}

section.program-finder h2,
section.class-finder h2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    margin: 75px auto 16px auto
}

@media screen and (min-width: 700px) {

    section.program-finder h2,
    section.class-finder h2 {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder h2,
    section.class-finder h2 {
        margin: 118px auto 32px auto
    }
}

section.program-finder a.button,
section.class-finder a.button {
    display: block;
    margin: 30px auto;
    max-width: 240px;
    text-align: center
}

@media screen and (min-width: 700px) {

    section.program-finder a.button,
    section.class-finder a.button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media screen and (min-width: 1024px) {

    section.program-finder a.button,
    section.class-finder a.button {
        margin: 60px auto 0;
        max-width: 280px
    }
}

section.program-finder .icon-arts,
section.class-finder .icon-arts {
    color: #e1002a
}

section.program-finder .icon-humanities,
section.class-finder .icon-humanities {
    color: #063
}

section.program-finder .icon-business,
section.class-finder .icon-business {
    color: #8a1cf6
}

section.program-finder .icon-lifescience,
section.class-finder .icon-lifescience {
    color: #fc3
}

section.program-finder .icon-stem,
section.class-finder .icon-stem {
    color: #334dff
}

@media screen and (min-width: 700px) {
    section.class-finder #area-of-interest-filter ul {
        margin-left: -10px;
        margin-right: -10px
    }

    section.class-finder #area-of-interest-filter ul:before,
    section.class-finder #area-of-interest-filter ul:after {
        content: " ";
        display: table
    }

    section.class-finder #area-of-interest-filter ul:after {
        clear: both
    }
}

@media screen and (min-width: 700px) {
    section.class-finder #area-of-interest-filter ul li {
        width: calc(50% - 20px);
        margin: 10px;
        float: left
    }
}

section.class-finder #area-of-interest-filter ul li label {
    display: block;
    cursor: pointer;
    padding: 10px 15px 12px 45px;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

@media screen and (min-width: 700px) {
    section.class-finder #area-of-interest-filter ul li label {
        padding: 15px 15px 15px 48px
    }
}

section.class-finder #area-of-interest-filter ul li label:hover,
section.class-finder #area-of-interest-filter ul li label.toggled {
    background: #fc3
}

section.class-finder #area-of-interest-filter ul li label:hover .icon,
section.class-finder #area-of-interest-filter ul li label.toggled .icon {
    color: #000
}

@media screen and (min-width: 1024px) {
    section.class-finder #area-of-interest-filter ul li label {
        font-size: 16px;
        font-size: 1rem;
        padding: 20px 18px 20px 50px
    }
}

section.class-finder #area-of-interest-filter ul li label .icon {
    font-size: 24px;
    font-size: 1.5rem;
    padding-right: 11px;
    position: absolute;
    top: 50%;
    left: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) {
    section.class-finder #area-of-interest-filter ul li label .icon {
        left: 54px
    }
}

section.class-finder #area-of-interest-filter ul li label span {
    display: inline-block
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]+span {
    padding: 10px 28px 10px 0;
    width: 100%
}

@media screen and (min-width: 700px) {
    section.class-finder #area-of-interest-filter ul li label [type="checkbox"]+span {
        padding: 0
    }
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]+span:before {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3 all ease-out;
    transition: 0.3 all ease-out;
    display: block;
    content: '';
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]+span .icon-checkmark {
    display: none
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]:checked+span:before {
    background: #000;
    border-color: #000;
    color: #fff
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]:checked+span .icon-checkmark {
    color: #fff;
    display: block;
    position: absolute;
    left: 18px;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 9px;
    font-size: .5625rem
}

section.class-finder #area-of-interest-filter ul li label [type="checkbox"]:not(:active):focus+span:before {
    outline: 1px solid #3a3a3a
}

#filter-section h2 {
    padding: 27px 0 0 0;
    min-height: 70px
}

@media screen and (min-width: 700px) {
    #filter-section h2 {
        display: inline-block;
        padding: 5px 0 0 0;
        margin: 25px 0;
        vertical-align: middle;
        min-height: auto
    }
}

@media screen and (min-width: 1024px) {
    #filter-section h2 {
        margin: 45px 0 35px 0
    }
}

#filter-section ul {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    #filter-section ul {
        margin: 0 0 25px 0
    }
}

#filter-section ul li {
    border-radius: 2px;
    background: #fff;
    margin: 8px auto;
    padding: 0;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.7px
}

#filter-section ul li:before {
    content: none;
    background: none
}

@media screen and (min-width: 1024px) {
    #filter-section ul li {
        font-size: 16px;
        font-size: 1rem;
        margin: 10px auto
    }
}

#filter-section label {
    display: block;
    cursor: pointer;
    padding: 10px 15px 12px 52px;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

@media screen and (min-width: 700px) {
    #filter-section label {
        padding: 15px 15px 15px 48px
    }
}

#filter-section label:hover,
#filter-section label.toggled {
    background: #fc3
}

#filter-section label:hover .icon,
#filter-section label.toggled .icon {
    color: #000
}

@media screen and (min-width: 1024px) {
    #filter-section label {
        font-size: 16px;
        font-size: 1rem;
        padding: 20px 18px 20px 50px
    }
}

#filter-section label .icon {
    font-size: 24px;
    font-size: 1.5rem;
    padding-right: 11px;
    position: absolute;
    top: 50%;
    left: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) {
    #filter-section label .icon {
        left: 54px
    }
}

#filter-section label span {
    display: inline-block
}

#filter-section label [type="checkbox"]+span {
    padding: 10px 28px 10px 0;
    width: 100%
}

@media screen and (min-width: 700px) {
    #filter-section label [type="checkbox"]+span {
        padding: 0
    }
}

#filter-section label [type="checkbox"]+span:before {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3 all ease-out;
    transition: 0.3 all ease-out;
    display: block;
    content: '';
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

#filter-section label [type="checkbox"]+span .icon-checkmark {
    display: none
}

#filter-section label [type="checkbox"]:checked+span:before {
    background: #000;
    border-color: #000;
    color: #fff
}

#filter-section label [type="checkbox"]:checked+span .icon-checkmark {
    color: #fff;
    display: block;
    position: absolute;
    left: 18px;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 9px;
    font-size: .5625rem
}

#filter-section label [type="checkbox"]:not(:active):focus+span:before {
    outline: 1px solid #3a3a3a
}

#area-of-interest-filter {
    margin: 0
}

#area-of-interest-filter [type="checkbox"]+span.area-of-interest {
    padding: 14px 0px 9px 40px
}

@media screen and (min-width: 700px) {
    #area-of-interest-filter [type="checkbox"]+span.area-of-interest {
        padding: 5px 30px 5px 45px
    }
}

@media screen and (min-width: 1024px) {
    #area-of-interest-filter [type="checkbox"]+span.area-of-interest {
        padding: 10px 30px 5px 30px
    }
}

@media screen and (min-width: 1024px) {
    #area-of-interest-filter label {
        padding: 12px 18px 13px 65px
    }
}

#filter-containers {
    padding-top: 90px
}

#filter-containers.collapsed {
    padding-top: 0
}

@media screen and (min-width: 700px) {
    #filter-containers {
        padding-top: 0
    }
}

.sock-wrapper {
    position: relative;
    background-color: #036;
    text-align: center;
    background-size: cover;
    background-position: center
}

.sock-wrapper:before,
.sock-wrapper:after {
    content: " ";
    display: table
}

.sock-wrapper:after {
    clear: both
}

.sock-wrapper .overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

.sock-wrapper h2 {
    font-size: 33px;
    font-size: 2.0625rem;
    color: #fff;
    position: relative;
    padding: 0 20px;
    margin-bottom: 22px
}

@media screen and (min-width: 700px) {
    .sock-wrapper h2 {
        font-size: 43px;
        font-size: 2.6875rem;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1024px) {
    .sock-wrapper h2 {
        font-size: 64px;
        font-size: 4rem;
        margin-bottom: 50px
    }
}

.sock-wrapper .container {
    position: relative;
    z-index: 1;
    padding-top: 22px;
    padding-bottom: 30px
}

@media screen and (min-width: 700px) {
    .sock-wrapper .container {
        padding-top: 37px;
        padding-bottom: 56px
    }
}

@media screen and (min-width: 1024px) {
    .sock-wrapper .container {
        padding-top: 31px;
        padding-bottom: 72px
    }
}

.sock-wrapper a.button {
    display: block;
    margin-bottom: 8px;
    max-width: 240px;
    margin: 0 auto 8px;
    width: 100%
}

@media screen and (min-width: 700px) {
    .sock-wrapper a.button {
        display: inline-block;
        margin-left: 6px;
        margin-right: 6px;
        min-width: 186px;
        max-width: 100%;
        width: auto
    }
}

@media screen and (min-width: 1024px) {
    .sock-wrapper a.button {
        width: 260px;
        margin-left: 12px;
        margin-right: 12px;
        padding: 15px 10px 11px
    }
}

.sock-wrapper--no-bg {
    background-color: #fff
}

.sock-wrapper--no-bg .container {
    padding-top: 0
}

.sock-wrapper--no-bg h2 {
    color: #222;
    margin-top: 0
}

footer#colophon {
    background: center top no-repeat url(images/footer-bg.jpg) #0b2239;
    background-size: contain;
    color: #fff;
    position: relative
}

@media screen and (min-width: 1024px) {
    footer#colophon {
        background-size: cover
    }
}

footer#colophon .container {
    padding-top: 44px;
    padding-bottom: 10px;
    position: relative
}

@media screen and (min-width: 700px) {
    footer#colophon .container {
        padding-top: 36px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .container {
        padding-top: 71px;
        padding-left: 33px;
        padding-right: 33px
    }
}

footer#colophon .footer-logo {
    display: inline-block;
    margin-bottom: 15px
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-logo {
        margin-top: 8px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-logo {
        float: left
    }
}

footer#colophon .footer-logo img {
    max-width: 136px
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-logo img {
        max-width: 168px
    }
}

footer#colophon .footer-icons {
    margin-bottom: 32px
}

footer#colophon .footer-icons:before,
footer#colophon .footer-icons:after {
    content: " ";
    display: table
}

footer#colophon .footer-icons:after {
    clear: both
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-icons {
        float: right;
        margin-bottom: 48px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-icons {
        margin-bottom: 35px
    }
}

@media screen and (min-width: 1124px) {
    footer#colophon .footer-icons {
        margin-bottom: 83px
    }
}

footer#colophon #back-to-top {
    float: right;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    color: #000;
    background-color: #fc3;
    border-radius: 2px;
    font-size: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 700px) {
    footer#colophon #back-to-top {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-left: 20px;
        font-size: 26px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon #back-to-top {
        margin-left: 25px
    }
}

footer#colophon #back-to-top:hover {
    background-color: #c9c9c4
}

@media screen and (min-width: 700px) {
    footer#colophon #back-to-top .icon-arrow-pointer-up {
        position: relative;
        top: 4px
    }
}

footer#colophon #social-nav {
    float: left
}

footer#colophon #social-nav ul {
    padding-left: 0;
    margin: 0
}

footer#colophon #social-nav ul li {
    display: inline-block;
    list-style: none;
    margin-right: -1px;
    vertical-align: middle
}

footer#colophon #social-nav ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a {
        width: 55px;
        height: 55px;
        line-height: 55px
    }
}

footer#colophon #social-nav ul li a:hover {
    opacity: 0.75
}

footer#colophon #social-nav ul li a.facebook {
    background-color: #4460a0
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a.facebook span {
        font-size: 24px
    }
}

footer#colophon #social-nav ul li a.flickr {
    background-color: #ff007f
}

footer#colophon #social-nav ul li a.flickr span {
    font-size: 18px
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a.flickr span {
        font-size: 28px
    }
}

footer#colophon #social-nav ul li a.twitter {
    background-color: #00aaec
}

footer#colophon #social-nav ul li a.twitter span {
    font-size: 12px
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a.twitter span {
        font-size: 20px
    }
}

footer#colophon #social-nav ul li a.youtube {
    background-color: #ce1312
}

footer#colophon #social-nav ul li a.youtube span {
    font-size: 12px
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a.youtube span {
        font-size: 21px
    }
}

footer#colophon #social-nav ul li a.linkedin {
    background-color: #007ebb
}

footer#colophon #social-nav ul li a.linkedin span {
    font-size: 12px
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a.linkedin span {
        font-size: 21px
    }
}

footer#colophon #social-nav ul li a span {
    line-height: 36px
}

@media screen and (min-width: 700px) {
    footer#colophon #social-nav ul li a span {
        line-height: 55px
    }
}

footer#colophon .phone-email-wrapper {
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: 29px;
    font-weight: 500
}

@media screen and (min-width: 700px) {
    footer#colophon .phone-email-wrapper {
        float: left;
        clear: both;
        width: 31.33%
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .phone-email-wrapper {
        font-size: 18px;
        font-size: 1.125rem;
        width: auto
    }
}

@media screen and (min-width: 1124px) {
    footer#colophon .phone-email-wrapper {
        clear: none;
        width: auto;
        float: right;
        margin-right: 7%;
        margin-top: 16px
    }
}

footer#colophon .phone-email-wrapper a {
    display: block;
    margin-bottom: 6px;
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    footer#colophon .phone-email-wrapper a {
        margin-right: 46px;
        float: left
    }

    footer#colophon .phone-email-wrapper a:last-child {
        margin-right: 0
    }
}

footer#colophon .phone-email-wrapper a:hover {
    color: #fc3
}

footer#colophon .phone-email-wrapper a span {
    margin-right: 7px
}

@media screen and (min-width: 1024px) {
    footer#colophon .set-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    footer#colophon .address {
        width: 68.66%;
        float: right
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .address {
        width: 25%;
        float: left;
        clear: right;
        padding-right: 15px
    }
}

footer#colophon .address div.location {
    margin-bottom: 40px
}

@media screen and (min-width: 700px) {
    footer#colophon .address div.location {
        margin-bottom: 25px
    }
}

footer#colophon .address .location {
    display: block;
    margin-bottom: 25px;
    font-style: normal
}

@media screen and (min-width: 700px) {
    footer#colophon .address .location {
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .address .location {
        width: 100%;
        float: none;
        margin-bottom: 45px
    }

    footer#colophon .address .location:last-child {
        margin-bottom: 0
    }
}

footer#colophon .address .location .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    margin-bottom: 8px
}

@media screen and (min-width: 1024px) {
    footer#colophon .address .location .title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

footer#colophon .address .location .street-address {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.56;
    display: block
}

@media screen and (min-width: 1024px) {
    footer#colophon .address .location .street-address {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.4
    }
}

footer#colophon .footer-columns {
    margin-top: 40px
}

@media screen and (max-width: 699px) {
    footer#colophon .footer-columns {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0
    }
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    footer#colophon .footer-columns:before,
    footer#colophon .footer-columns:after {
        content: " ";
        display: table
    }

    footer#colophon .footer-columns:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns {
        width: 75%;
        float: left;
        clear: right;
        margin-top: 0
    }
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column {
        border-right: 1px solid #e8e8e8;
        padding-top: 21px
    }

    footer#colophon .footer-columns .column:nth-child(1) {
        width: 32%
    }

    footer#colophon .footer-columns .column:nth-child(2) {
        width: 36%;
        padding-left: 23px
    }

    footer#colophon .footer-columns .column:last-child {
        width: 32%;
        border: none;
        padding-left: 23px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns .column {
        width: 33.33% !important
    }

    footer#colophon .footer-columns .column:nth-child(1) {
        border-left: 1px solid #e8e8e8
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns .column {
        padding-top: 12px;
        padding-left: 33px !important
    }
}

footer#colophon .footer-columns .column.expanded button {
    border-bottom-color: transparent
}

footer#colophon .footer-columns .column button {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    width: 100%;
    height: 52px;
    line-height: 50px;
    vertical-align: middle;
    text-align: left;
    position: relative;
    font-weight: 700;
    letter-spacing: -0.16px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 699px) {
    footer#colophon .footer-columns .column button {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: -1px;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column button {
        pointer-events: none;
        height: auto;
        line-height: 1
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns .column button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

footer#colophon .footer-columns .column button .icon-arrow-down {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column button .icon-arrow-down {
        display: none
    }
}

footer#colophon .footer-columns .column ul {
    padding-left: 0;
    margin: 0;
    display: none;
    padding-bottom: 20px
}

@media screen and (max-width: 699px) {
    footer#colophon .footer-columns .column ul {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column ul {
        display: block !important;
        margin-top: 14px;
        padding: 0
    }
}

footer#colophon .footer-columns .column ul li {
    list-style: none;
    display: block;
    padding: 5px 0
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column ul li {
        padding: 3px 0 2px
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns .column ul li {
        line-height: 1.2
    }
}

footer#colophon .footer-columns .column ul li a {
    font-weight: normal;
    display: inline;
    padding: 5px 0;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent
}

@media screen and (min-width: 700px) {
    footer#colophon .footer-columns .column ul li a {
        font-size: 16px;
        font-size: 1rem;
        padding: 3px 0
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .footer-columns .column ul li a {
        padding: 4px 0
    }
}

footer#colophon .footer-columns .column ul li a:hover {
    color: #fc3;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -1px 0 #fc3;
    box-shadow: inset 0 -1px 0 #fc3
}

footer#colophon .lower-footer {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 39px;
    font-weight: normal
}

@media screen and (min-width: 700px) {
    footer#colophon .lower-footer {
        margin-top: 36px
    }

    footer#colophon .lower-footer:before,
    footer#colophon .lower-footer:after {
        content: " ";
        display: table
    }

    footer#colophon .lower-footer:after {
        clear: both
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .lower-footer {
        clear: both;
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 57px;
        padding-bottom: 5px
    }
}

footer#colophon .lower-footer span {
    display: block;
    line-height: 1.5
}

@media screen and (min-width: 700px) {
    footer#colophon .lower-footer span {
        float: left
    }
}

footer#colophon .lower-footer p {
    font-weight: 300
}

@media screen and (min-width: 700px) {
    footer#colophon .lower-footer p {
        float: right;
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    footer#colophon .lower-footer p {
        margin-bottom: 0
    }
}

footer#colophon .lower-footer a {
    font-weight: 500;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent
}

footer#colophon .lower-footer a:hover {
    color: #fc3;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 -1px 0 #fc3;
    box-shadow: inset 0 -1px 0 #fc3
}

/*# sourceMappingURL=maps/main.css.map */